* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'HarmonyOS Sans SC', sans-serif;
  outline: none !important;
  /* overflow: hidden; */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html {
  font-size: 16px;
}

@media screen and (max-width: 1644px) {
  html {
    font-size: 15px;
  }
}

@media screen and (max-width: 1200px) {
  html {
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  html {
    font-size: 12px;
  }
}

a {
  text-decoration: none;
  color: inherit;
}

ul li {
  list-style: none;
}

/* 自定义滚动条 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 4px;
  transition: background 0.3s ease;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.5);
}

@font-face {
  font-family: 'HarmonyOS Sans SC';
  src: url('HarmonyOS_Sans_SC_Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* 引入这个字体 */

#IndexContent {
  width: 100%;
}

#IndexContent .indeBox {
  width: 75rem;
  margin: 0 auto;
  display: flex;
  margin-top: 8.625rem;
  margin-bottom: 5.9375rem;
}

#IndexContent .indeBox img {
  width: 14rem;
  height: 20rem;
  margin-right: 1.25rem;
}

#memberContent {
  width: 100%;
  /* height: 44.375rem; */
  background-color: #f6f6f6;
  padding-bottom: 3.25rem;
}

#memberContent .memberBox {
  width: 75rem;
  margin: 0 auto;
}

/* 中间部分 */
#content {
  width: 100%;
  height: 44.375rem;
  background-image: url('../img/bg.png');
  background-size: 100% 100%;
  position: relative;
}

#content1 {
  width: 100%;
  height: 65rem;
  background-image: url('../img/bg.png');
  background-size: 100% 100%;
  position: relative;
}

.forget-mask {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
}

.forget-card {
  background: #fff;
  border-radius: 0.6rem;
  box-shadow: 0 1rem 3rem rgba(18, 80, 92, 0.16);
  padding: 1.8rem 3rem 2.4rem;
}

.forget-title {
  font-size: 1.1rem;
  color: #2e71d9;
  font-weight: 600;
}

.forget-underline {
  width: 4.5rem;
  height: 0.2rem;
  background: #2e71d9;
  border-radius: 999px;
  margin: 0.6rem 0 1.4rem;
}

.forget-form {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}

.log-page {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
}

.log-card {
  width: min(40rem, 92vw);
  background: #fff;
  border-radius: 0.6rem;
  box-shadow: 0 1rem 3rem rgba(18, 80, 92, 0.16);
  padding-bottom: 2.25rem;
}

.card-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2.25rem;
}

.tab {
  height: 3.5rem;
  border: none;
  border-radius: 0.4rem;
  background: #f3f4f4;
  color: #999;
  font-size: 1rem;
  cursor: pointer;
  position: relative;
  line-height: 3.5rem;
  text-align: center;
}

.tab.active {
  background: #fff;
  color: #2e71d9;
  font-weight: bold;
}

/* 
.tab.active::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0rem;
    transform: translateX(-50%);
    width: 2rem;
    height: 0.2rem;
    background: #2E71D9;
    border-radius: 999px;
} */

.log-form {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}

.field {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.field.full {
  /* width: 100%; */
  margin: 0 7.5rem;
}

.field.full1 {
  margin: 0 4rem;
}

.field-label {
  font-size: 0.9rem;
  color: #2c4a4a;
}

.field-input {
  height: 3rem;
  border: 1px solid transparent;
  border-radius: 0.3rem;
  background: #f3f4f6;
  padding: 0 0.8rem;
  font-size: 0.9rem;
  outline: none;
}

.field-input:focus {
  border-color: #2e71d9;
  background: #fff;
  /* box-shadow: 0 0 0 2px rgba(42, 163, 155, 0.25); */
}

.field-inline {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.8rem;
  align-items: center;
}

.code-btn {
  height: 3rem;
  border: 1px solid #2e71d9;
  background: #fff;
  color: #2e71d9;
  border-radius: 0.3rem;
  padding: 0 1rem;
  font-size: 0.8rem;
  cursor: pointer;
  white-space: nowrap;
  background: rgba(46, 113, 217, 0.1);
  font-weight: 400;
}

.code-btn:disabled {
  border-color: #c9dfdd;
  color: #9aa3a3;
  background: #f3f4f6;
  cursor: not-allowed;
  width: 6.25rem;
}

.code-tip {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.4rem;
  font-size: 0.9rem;
  color: #ff231d;
}

.code-tip1 {
  /* display: flex; */
  justify-content: center;
  align-items: center;
  margin-top: 0.4rem;
  font-size: 0.9rem;
  color: #ff231d;
}

.form-link {
  display: flex;
  justify-content: center;
  font-size: 0.8rem;
}

.form-link a {
  color: #2e71d9;
  text-decoration: none;
}

.form-link.muted a {
  color: #a4a9a9;
}

.form-note {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
  color: #7f8c8c;
  justify-content: center;
  width: 82%;
}

.form-note1 {
  margin-left: 7.5rem;
  font-size: 0.9rem;
  color: #ff231d;
  margin-top: -0.3rem;
}

.form-note2 {
  /* display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
  color: #7f8c8c;
  justify-content: center; */
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
  color: #7f8c8c;
  justify-content: center;
  margin-top: 0;
  display: block;
  height: 1rem;
  line-height: 1rem;
  position: relative;
  margin: 0 4rem;
}

.form-note img {
  width: 1rem;
  height: 1rem;
}

.form-note2 img {
  width: 1rem;
  height: 1rem;
}

.form-note2 span {
  height: 1rem;
  /* display: flex; */
  position: absolute;
  left: 1.5rem;
  top: 0.05rem;
}

.note-icon {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  border: 1px solid #2e71d9;
  display: inline-block;
  position: relative;
}

.note-icon::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: #2e71d9;
  transform: translate(-50%, -50%);
}

.primary-btn {
  align-self: center;
  width: min(23rem, 90%);
  height: 3.5rem;
  border: none;
  border-radius: 999px;
  background: #2e71d9;
  color: #fff;
  font-size: 1rem;
  cursor: pointer;
  margin-top: 0.4rem;
  width: 62%;
}

.primary-btn:hover {
  background: #2e71d9;
}

#content .field ::placeholder {
  color: #cccccc;
}

/* 注册 */
#zhuce .register-page {
  display: flex;
  justify-content: center;
}

#zhuce .success-mask {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
}

#zhuce .success-card {
  width: min(36rem, 92vw);
  background: #fff;
  border-radius: 0.6rem;
  box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.12);
  padding: 3rem 2rem;
  text-align: center;
  color: #2c4a4a;
}

#zhuce .success-icon {
  width: 3rem;
  height: 3rem;
  margin: 0 auto 1rem;
  background: url('../img/203.png') center/contain no-repeat;
}

#zhuce .success-text {
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 1.5rem;
}

#zhuce .success-btn {
  padding: 0.9rem 4rem;
}

#zhuce .register-card {
  width: min(42.5rem, 92vw);
  margin-top: 4.375rem;
  background: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 0.6rem 1.5rem rgba(0, 0, 0, 0.08);
  padding: 2rem 2.3rem 2.5rem;
}

#zhuce .card-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.4rem;
  font-size: 1.2rem;
  color: #2e71d9;
  font-weight: 600;
}

#zhuce .title-underline {
  width: 2.375rem;
  height: 0.15rem;
  background: #2e71d9;
  border-radius: 999px;
}

#zhuce .card-tabs {
  margin-top: 1.2rem;
  display: flex;
  gap: 0.9rem;
  justify-content: center;
}

#zhuce .tab {
  border: 1px solid #c9dfdd;
  background: #fff;
  color: #2e71d9;
  padding: 0.6rem 3rem;
  border-radius: 0.3rem;
  font-size: 1rem;
  cursor: pointer;
  font-weight: 600;
}

#zhuce .tab.active {
  background: #2e71d9;
  border-color: #2e71d9;
  color: #fff;
}

#zhuce .register-form {
  margin-top: 1.4rem;
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}

#zhuce .field-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

#zhuce .field {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

#zhuce .field.full {
  width: 100%;
  margin-left: 0;
}

#zhuce .field-label {
  font-size: 0.9rem;
  color: #2c4a4a;
}

#zhuce .field-label.required::before {
  content: '*';
  color: #e04b4b;
  margin-right: 0.3rem;
}

#zhuce .field-input {
  height: 3rem;
  border: none;
  border-radius: 0.3rem;
  background: #f3f4f6;
  padding: 0 0.8rem;
  font-size: 0.9rem;
  outline: none;
}

#zhuce .field-input:focus {
  box-shadow: 0 0 0 1px #2e71d9 inset;
}

#zhuce .field-inline {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.8rem;
  align-items: center;
}

#zhuce .code-btn {
  height: 3rem;
  border: 1px solid #2e71d9;
  background: #fff;
  color: #2e71d9;
  border-radius: 0.3rem;
  padding: 0 0.9rem;
  font-size: 0.8rem;
  cursor: pointer;
  white-space: nowrap;
}

#zhuce .code-btn:hover {
  background: #e9f6f5;
}

#zhuce .code-btn:disabled {
  border-color: #c9dfdd;
  color: #9aa3a3;
  background: #f3f4f6;
  cursor: not-allowed;
}

#zhuce .code-tip {
  margin-top: 0.4rem;
  font-size: 0.7rem;
  color: #2e71d9;
}

#zhuce .code-tip1 {
  /* display: flex; */
  justify-content: center;
  align-items: center;
  margin-top: 0.4rem;
  font-size: 0.9rem;
  color: #ff231d;
}

#zhuce .upload-row {
  display: flex;
  gap: 1rem;
  align-items: center;
}

#zhuce .upload-preview {
  width: 7.5rem;
  height: 7.5rem;
  border-radius: 0.5rem;
  border: 1px solid #e6efef;
  background: #f7f9f9;
  display: none;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

#zhuce .preview-thumb {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

#zhuce .upload-remove {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2.1rem;
  border: none;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  font-size: 0.8rem;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.2s ease;
}

#zhuce .upload-preview:hover .upload-remove {
  opacity: 1;
}

#zhuce .upload-box {
  width: 7.5rem;
  height: 7.5rem;
  border-radius: 0.5rem;
  border: 1px dashed #c9dfdd;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  cursor: pointer;
}

#zhuce .upload-input {
  display: none;
}

#zhuce .upload-row.has-preview .upload-preview {
  display: flex;
}

#zhuce .upload-icon {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  /* margin-top: 1.5rem; */
  margin-bottom: 0.5rem;
  background: url('../img/204.png') center/contain no-repeat;
}

#zhuce .upload-text {
  font-size: 1rem;
  color: #acacac;
}

#zhuce .form-actions {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 0.6rem;
  align-items: center;
}

#zhuce .form-note {
  font-size: 0.7rem;
  color: #d9534f;
  margin-top: -0.3rem;
}

#zhuce .form-note.success-note {
  /* display: flex; */
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
  color: #7f8c8c;
  justify-content: center;
  margin-top: 0;
  display: block;
  height: 1rem;
  line-height: 1rem;
  position: relative;
}

#zhuce .form-note.success-note img {
  width: 1rem;
  height: 1rem;
}

#zhuce .form-note.success-note span {
  height: 1rem;
  /* display: flex; */
  position: absolute;
  left: 1.5rem;
  top: 0.05rem;
}

#zhuce .primary-btn {
  background: #2e71d9;
  color: #fff;
  border: none;
  width: 7.5rem;
  height: 3.125rem;
  background: #2e71d9;
  border-radius: 1.5625rem;
  font-size: 0.9rem;
  cursor: pointer;
}

#zhuce .primary1-btn {
  background: #2e71d9;
  color: #fff;
  border: none;
  width: 7.5rem;
  height: 3.125rem;
  background: #2e71d9;
  border-radius: 1.5625rem;
  font-size: 0.9rem;
  cursor: pointer;
}

#zhuce .ghost-btn {
  background: #fff;
  width: 7.5rem;
  height: 3.125rem;
  background: #ffffff;
  border-radius: 1.5625rem;
  border: 1px solid #999999;
  font-size: 0.9rem;
  cursor: pointer;
  margin-top: 0.25rem;
}

#zhuce #tabbar-mobile {
  display: none;
}

#zhuce ::placeholder {
  color: #9fb2b1;
}

/* #memberContent .memberBox {
  margin-bottom: 3.125rem;
} */
/* 会员之家 */
#memberContent .memberBox .about-position {
  display: flex;
  padding-top: 1.25rem;
}

#memberContent .memberBox .about-position img {
  width: 1.0625rem;
  height: 1.25rem;
}

#memberContent .memberBox .about-position .about-breadcrumb {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 0.875rem;
  color: #999999;
  margin-left: 0.75rem;
}

#memberContent .memberBox .about-position .about-breadcrumb .bianhua {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 0.875rem;
  color: #2e71d9;
}

#memberContent .memberBox .liangLfetRihgt {
  display: flex;
  align-items: flex-start;
}

#memberContent .memberBox .youce {
  width: 100%;
  margin-left: 1.25rem;
  /* min-height: 48.75rem; */
  margin-top: 1.1875rem;
}

/* 左侧导航 */
#memberContent .memberBox .leftNavbar {
  background-color: #fff;
  margin-top: 1.1875rem;
}

#memberContent .memberBox .leftNavbar .leftNavTuwen {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.875rem 1.3125rem 1.0625rem 1.3125rem;
  width: 12.5rem;
}

#memberContent .memberBox .leftNavbar .leftNavTuwen .touxiang {
  width: 6.25rem;
  height: 6.25rem;
  object-fit: contain;
}

#memberContent .memberBox .leftNavbar .leftNavTuwen .Name {
  font-family: HarmonyOS Sans SC;
  font-weight: bold;
  font-size: 1.5rem;
  color: #333333;
  margin-top: 1.125rem;
}

#memberContent .memberBox .leftNavbar .leftNavTuwen .levelname {
  color: #2e71d9;
}

#memberContent .memberBox .leftNavbar .leftNavTuwen .gaoji {
  display: flex;
  margin-top: 0.5rem;
}

#memberContent .memberBox .leftNavbar .leftNavTuwen .gaoji img {
  width: 1.125rem;
  height: 1.3125rem;
}

#memberContent .memberBox .leftNavbar .leftNavTuwen .gaoji .gaojiName {
  font-family: HarmonyOS Sans SC;
  font-weight: 500;
  font-size: 1rem;
  color: #b9761c;
  margin-left: 0.5rem;
}

#memberContent .memberBox .leftNavbar .leftNavTuwen .zhuanye {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2.6875rem;
  justify-content: center;
}

#memberContent .memberBox .leftNavbar .leftNavTuwen .yeBox {
  padding: 0.1rem;
  background: #319e83;
  border-radius: 4px;
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 0.75rem;
  color: #ffffff;
  margin-right: 0.225rem;
  margin-bottom: 0.5rem;
}

#memberContent .memberBox .leftNavbar .leftNavBox {
  display: flex;
  flex-direction: column;
  /*margin-top: 1.875rem*/
}

#memberContent .memberBox .leftNavbar .leftNavs {
  display: flex;
  flex-direction: column;
}

#memberContent .memberBox .leftNavbar .leftNavs .leftIcon {
  display: flex;
  align-items: center;
}

#memberContent .memberBox .leftNavbar .leftNavs .hesg {
  height: 3.125rem;
  border-top: 1px solid #f5f4f4;
  box-sizing: border-box;
  padding: 0 1.3125rem;
  line-height: 3.125rem;
  position: relative;
}

#memberContent .memberBox .leftNavbar .leftNavs .leftIcon span {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 1rem;
  color: #333333;
  margin-left: 0.625rem;
}

#memberContent .memberBox .leftNavbar .leftNavs .leftIcon.active span {
  color: #2e71d9;
}

#memberContent .dandu {
  width: 1rem;
  height: 1rem;
}

#memberContent .dandu1 {
  width: 1rem;
  height: 1.1875rem;
}

#memberContent .dandu2 {
  width: 1.25rem;
  height: 0.9375rem;
  margin-left: -0.2rem;
}

#memberContent .dandu3 {
  width: 1.0625rem;
  height: 1.1875rem;
}

/* #memberContent .memberBox .leftNavbar .leftNavs .leftIcon .youjiantou{
  display: none;
}
#memberContent .memberBox .leftNavbar .leftNavs .leftIcon.active .youjiantou{
  display: block;
} */
#memberContent .youjiantou {
  width: 0.375rem;
  height: 0.5625rem;
  position: absolute;
  right: 0.8625rem;
  display: none;
}

#memberContent .youceOne::before {
  content: '';
  width: 0.3125rem;
  height: 1.125rem;
  background: #2366e9;
  border-radius: 0px 0.3125rem 0.3125rem 0px;
}

#memberContent .youceOne {
  height: 3.6875rem;
  background: #e6ebf3;
  font-family: HarmonyOS Sans SC;
  font-weight: 500;
  font-size: 1.25rem;
  color: #2e71d9;
  display: flex;
  align-items: center;
  position: relative;
}

#memberContent .youceOne img {
  width: 1.5rem;
  height: 1.25rem;
  position: absolute;
  right: 1.3125rem;
  top: 1.25rem;
}

#memberContent .youceOne span {
  margin-left: 0.8125rem;
}

#memberContent .youceTwo {
  min-height: 38.75rem;
  max-height: auto;
  background: #fafcff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

#memberContent .youceTwo .hutu {
  width: 17.5625rem;
  height: 11rem;
}

#memberContent .youceTwo .yingjie {
  font-family: HarmonyOS Sans SC;
  font-weight: 500;
  font-size: 1.5rem;
  color: #333333;
  margin-top: 1.5rem;
}

#memberContent .youceTwo .zhenname {
  color: #2e71d9;
}

#memberContent .youceTwo .muqian {
  margin-top: 3.125rem;
  font-family: HarmonyOS Sans SC;
  font-weight: 500;
  font-size: 1.25rem;
  color: #666666;
}

#memberContent .youceTwo .muqian1 {
  margin-top: 0.9375rem;
  font-family: HarmonyOS Sans SC;
  font-weight: 500;
  font-size: 1.25rem;
  color: #666666;
}

#memberContent .youceTwo .gaoji {
  color: #b9761c;
}

#memberContent .iconActive {
  display: block;
}

#memberContent .youce .paperbox {
  background-color: #fff;
  padding-bottom: 1.25rem;
}

#memberContent .youce .paperNar {
  height: 3.375rem;
  background: #fafcff;
  box-sizing: border-box;
  border-bottom: 1px solid #e6ebf3;
  display: flex;
  align-items: center;
  line-height: 3.375rem;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
}

#memberContent .youce .paperNar .liange {
  margin-left: 2.3125rem;
}

#memberContent .paperNarActive {
  padding-bottom: 0;
  position: relative;
}

#memberContent .paperNarActive ::after {
  content: '';
  position: absolute;
  bottom: 0rem;
  left: 0;
  right: 0;
  height: 0.25rem;
  background-color: #2e71d9;
  pointer-events: none;
  box-sizing: border-box;
}

#memberContent .youce .paperNar .liange1 {
  margin-left: 2.3125rem;
  color: #666666;
  font-family: HarmonyOS Sans SC;
  font-weight: 500;
  font-size: 1rem;
}

#memberContent .youce .paperNar .liange {
  font-family: HarmonyOS Sans SC;
  font-weight: 500;
  font-size: 1rem;
  color: #2e71d9;
}

#memberContent .youce .paperNar .liange1:first-child,
#memberContent .youce .paperNar .liange:first-child {
  margin-left: 1.3125rem;
}

#memberContent .youce .pertable {
  margin: 0 1.3125rem;
  display: flex;
}

#memberContent .youce .pertableOne {
  display: flex;
  margin-top: 1.25rem;
  justify-content: space-between;
  width: 100%;
}

#memberContent .youce .pertableOne #timeSelect {
  width: 15.9375rem;
}

#memberContent .youce .pertableOne .search-input {
  width: 17.5625rem;
  height: 2.4375rem;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  padding-left: 1rem;
  font-size: 0.875rem;
  position: relative;
}

#memberContent .youce .search-input::placeholder {
  color: #999999;
}

#memberContent input:focus {
  border-color: #2e71d9;
  background: #fff;
  box-shadow: 0 0 0 1px #2e71d9;
}

#memberContent .xiupassword input:focus {
  box-shadow: none !important;
}

#memberContent textarea:focus {
  border-color: #2e71d9;
  background: #fff;
  box-shadow: 0 0 0 1px #2e71d9;
}

#memberContent .youce .youjian1 {
  width: 0.4375rem;
  height: 0.25rem;
  position: absolute;
  right: 0.625rem;
}

.footer-plus-brand {
  display: flex;
  margin-left: 0.5rem;
}

#memberContent .youce .footer-plus-brand .youjian {
  width: 0.375rem;
  height: 0.625rem;
  position: absolute;
  right: 0.625rem;
}

#memberContent .youce .select-options {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 0 0 4px 4px;
  border-top: none;
  display: none;
  z-index: 1000;
}

#memberContent .youce .select-options.show {
  display: block;
}

#memberContent .youce .option {
  padding: 0.5rem 1rem;
  cursor: pointer;
  font-size: 1rem;
  color: #333;
  line-height: 1.5;
  transition: background-color 0.2s;
}

#memberContent .youce .option:hover {
  background-color: #f5f5f5;
}

#memberContent .youce .option.selected {
  background-color: #e3f2fd;
  color: #2e71d9;
}

/* 自定义下拉菜单 */
#memberContent .youce .custom-select {
  position: relative;
  width: 10.3125rem;
  display: flex;
  align-items: center;
}

#memberContent .youce .select-trigger {
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  width: 10.3125rem;
  height: 2.4375rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  font-size: 1rem;
  position: relative;
  box-sizing: border-box;
  padding: 0 0.75rem;
  color: #333;
}

#memberContent .youce .pertable .butns {
  width: 5.625rem;
  height: 2.375rem;
  background: #2e71d9;
  border: 1px solid #2e71d9;
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 0.875rem;
  color: #ffffff;
  cursor: pointer;
  margin-left: 0.6875rem;
}

#memberContent .butns {
  width: 5.625rem;
  height: 2.375rem;
  background: #2e71d9;
  border: 1px solid #2e71d9;
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 0.875rem;
  color: #ffffff;
  cursor: pointer;
  margin-left: 0.6875rem;
}

#memberContent .youce .zhedg {
  display: flex;
}

#memberContent .youce .pertable .xiazai {
  width: 8.6875rem;
  height: 2.4375rem;
  background: rgba(46, 113, 217, 0.1);
  border: 1px solid #2e71d9;
  color: #2e71d9;
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 2.4375rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ml8 {
  margin-left: 0.75rem;
}

#memberContent .youce .pertable .xiazai img {
  width: 1rem;
  height: 1rem;
}

#memberContent .youce .pertable .xiazai1 {
  padding: 0 1.25rem;
  background: rgba(46, 113, 217, 0.1);
  border: 1px solid #2e71d9;
  color: #2e71d9;
  cursor: pointer;
  font-size: 0.875rem;
  margin-left: 0.5rem;
  display: flex;
  align-items: center;
}

#memberContent .youce .pertable .xiazai2 {
  padding: 0 1.0625rem;
  background: rgba(46, 113, 217, 0.1);
  border: 1px solid #2e71d9;
  color: #2e71d9;
  cursor: pointer;
  font-size: 0.875rem;
  margin-left: 0.5rem;
  display: flex;
  align-items: center;
}

#memberContent .youce .pertable .xiazai1 img {
  width: 1rem;
  height: 1rem;
  margin-right: 0.55rem;
}

#memberContent .youce .pertable .xiazai2 img {
  width: 1rem;
  height: 1rem;
  margin-right: 0.55rem;
}

#memberContent .youce .xzisl {
  display: flex;
}

#memberContent .youce .select-trigger {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 0.875rem;
  color: #999999;
}

/* 论文表格样式 */
#memberContent .youce .zhenTabal {
  margin: 1.25rem 0;
  padding: 0 1.3125rem;
}

#memberContent .zhenTabalteb {
  padding: 0 !important;
}

#memberContent .youce .paper-table {
  width: 100%;
  border-collapse: collapse;
  font-family: HarmonyOS Sans SC;
  font-size: 0.875rem;
}

#memberContent .youce .paper-table thead {
  background: #2e71d9;
  color: #fff;
}

#memberContent .youce .paper-table th {
  padding: 0.75rem 0.5rem;
  text-align: left;
  font-weight: 500;
  font-size: 0.875rem;
}

#memberContent .youce .paper-table th:first-child {
  padding-left: 1.3125rem;
}

#memberContent .youce .paper-table th:last-child {
  padding-right: 1.3125rem;
}

#memberContent .youce .paper-table tbody tr {
  border-bottom: 1px solid #e6e6e6;
}

#memberContent .youce .paper-table tbody tr:nth-child(even) {
  background-color: #fafcff;
}

#memberContent .youce .paper-table td {
  padding: 0.75rem 0.5rem;
  color: #333;
}

#memberContent .youce .paper-table td:first-child {
  padding-left: 1.3125rem;
}

#memberContent .youce .paper-table td:last-child {
  padding-right: 1.3125rem;
}

#memberContent .youce .paper-table .detail-link {
  color: #2e71d9;
  text-decoration: none;
  margin-right: 0.5rem;
}

#memberContent .youce .paper-table .submit-link {
  color: #2e71d9;
  text-decoration: none;
  cursor: pointer;
}

#memberContent .youce .paper-table .detail-link:hover,
#memberContent .youce .paper-table .submit-link:hover {
  text-decoration: underline;
}

#memberContent .youce .paper-table .status-pending {
  color: #ff6b6b;
}

#memberContent .youce .paper-table .status-review {
  color: #ffa500;
}

#memberContent .youce .paper-table .status-submitted {
  color: #52c41a;
}

#memberContent .youce .paper-table input[type='checkbox'] {
  width: 0.875rem;
  height: 0.875rem;
  cursor: pointer;
}

#memberContent .zhenFenYe {
  display: flex;
  padding: 0 1.3125rem;
}

.event-content-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

/* 分页样式 */
.year-content-pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 2rem;
  padding-top: 1rem;
  /* border-top: 1px solid #e6efef; */
}

.pagination-info {
  font-size: 0.9rem;
  color: #7c8f8e;
}

.pagination-controls {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.pagination-btn {
  display: inline-block;
  padding: 0.4rem 0.7rem;
  border: 1px solid #e1ecec;
  border-radius: 0.3rem;
  background: #fff;
  color: #2c4a4a;
  text-decoration: none;
  font-size: 0.9rem;
}

.pagination-btn:hover {
  border-color: #2e71d9;
  color: #2e71d9;
}

.pagination-btn.is-active {
  background: #2e71d9;
  border-color: #2e71d9;
  color: #fff;
}

.pagination-ellipsis {
  /* padding: 0 0.5rem; */
  color: #7c8f8e;
  font-size: 0.875rem;
}

.danl {
  background-color: #ececec;
  border: 1px solid #ececec;
}

#memberContent .paperForm {
  padding: 0 1.92rem;
  padding-top: 1.9375rem;
}

#memberContent .paperFormOne {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 0.75rem;
}

#memberContent .paperFormOne .bianhao {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 0.875rem;
  color: #333333;
}

#memberContent .paperFormOne .input-box {
  width: 41.4375rem;
  min-height: 2.4375rem;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  padding: 0 0.875rem;
  font-size: 0.875rem;
  color: #333333;
  line-height: 2.4375rem;
}

#memberContent .paperFormOne input {
  width: 41.4375rem;
  height: 2.4375rem;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  padding-left: 0.875rem;
  font-size: 0.875rem;
  color: #333333;
}

#memberContent .paperFormOne input::placeholder {
  font-size: 0.875rem;
  color: #999999;
}

#memberContent .paperFormTwo input::placeholder {
  font-size: 0.875rem;
  color: #999999;
}

#memberContent .paperFormThree input::placeholder {
  font-size: 0.875rem;
  color: #999999;
}

#memberContent .paperFormFour input::placeholder {
  font-size: 0.875rem;
  color: #999999;
}

#memberContent .paperFormTwo {
  display: flex;
  align-items: center;
  margin-left: 4rem;
  margin-bottom: 0.75rem;
}

#memberContent .paperFormThree {
  display: flex;
  align-items: center;
  margin-left: 2.25rem;
  margin-bottom: 0.75rem;
}

#memberContent .paperFormFour {
  display: flex;
  align-items: center;
  margin-left: 5.7rem;
  margin-bottom: 0.75rem;
}

#memberContent .paperFormTwo .bianhao {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 0.875rem;
  color: #333333;
}

#memberContent .paperFormTwo .bianhaofen {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 0.875rem;
  color: #333333;
  margin-left: 0.625rem;
}

#memberContent .paperFormTwo .xinghao {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 0.875rem;
  color: #db1a1a;
}

#memberContent .paperFormTwo input {
  width: 20.0625rem;
  height: 2.4375rem;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  padding-left: 0.875rem;
  font-size: 0.875rem;
  color: #333333;
}

#memberContent .zhensdw {
  display: flex;
  align-items: center;
}

#memberContent .zhensdw .beizhu {
  margin: 0.5rem 3rem;
  font-size: 0.875rem;
}

#memberContent .zhensdw .beizhu p {
  line-height: 1.5rem;
  color: #333333;
}

#memberContent .paperFormThree .bianhao {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 0.875rem;
  color: #333333;
}

#memberContent .paperFormThree .bianhaofen {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 0.875rem;
  color: #333333;
  margin-left: 0.625rem;
}

#memberContent .paperFormThree .xinghao {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 0.875rem;
  color: #db1a1a;
}

#memberContent .paperFormThree input {
  width: 20.0625rem;
  height: 2.4375rem;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  padding-left: 0.875rem;
  font-size: 0.875rem;
  color: #333333;
}

#memberContent .paperFormFour .bianhao {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 0.875rem;
  color: #333333;
}

#memberContent .paperFormFour .bianhaofen {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 0.875rem;
  color: #333333;
  margin-left: 0.625rem;
}

#memberContent .paperFormFour .xinghao {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 0.875rem;
  color: #db1a1a;
}

#memberContent .paperFormFour input {
  width: 20.0625rem;
  height: 2.4375rem;
  background: #f4f7fb;
  border: 1px solid #e6e6e6;
  padding-left: 0.875rem;
  font-size: 0.875rem;
  color: #333333;
}

#memberContent .tuijian {
  display: flex;
  margin-left: 12.1rem;
  flex-direction: column;
}

#memberContent .tuijian .bianhao {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 0.875rem;
  color: #333333;
}

#memberContent .tuijian .xinghao {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 0.875rem;
  color: #db1a1a;
}

#memberContent .tuiijianBox {
  display: flex;
  align-items: center;
  margin-right: 0.625rem;
}

#memberContent .tuiboxs {
  display: flex;
  align-items: center;
}

#memberContent .tuiboxs img {
  width: 1.125rem;
  height: 1.125rem;
  margin: 0.5rem;
}

#memberContent .tuiijianBox .tuiboxs {
  width: 5.9375rem;
  height: 1.9375rem;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 0.9375rem;
  border: 1px solid #cccccc;
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 0.875rem;
  color: #333333;
  text-align: center;
  line-height: 1.9375rem;
  cursor: pointer;
}

#memberContent .tuiijianBox .tactive {
  background: rgba(46, 113, 217, 0.1);
  border: 1px solid #2e71d9;
  color: #2e71d9;
}

/* 在线投稿样式 */

#memberContent .youce .paperForm1 .topic-header input[type='radio'] {
  margin-right: 0.5rem;
  width: 1rem;
  height: 1rem;
}

#memberContent .youce .paperForm1 .topic-header input[type='radio']:focus {
  box-shadow: none;
  border-color: #ccc;
}

#memberContent .youce .paperForm1 .section-title {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 0.875rem;
  color: #333333;
  margin-bottom: 0.75rem;
  margin-left: 0.75rem;
}

#memberContent .youce .paperForm1 .section-title1 {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 0.875rem;
  color: #333333;
  margin-left: 2.5rem;
  display: flex;
  align-items: center;
  /* display: block; */
}

#memberContent .youce .paperForm1 .required {
  color: #db1a1a;
  margin-right: 0.25rem;
}

#memberContent .youce .paperForm1 .topic-item {
  margin-bottom: 0.75rem;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  overflow: hidden;
  width: 49.4375rem;
}

#memberContent .youce .paperForm1 .topic-header {
  display: flex;
  align-items: center;
  padding: 0.75rem;
  cursor: pointer;
}

#memberContent .youce .paperForm1 .topic-header input[type='checkbox'] {
  margin-right: 0.5rem;
  width: 1rem;
  height: 1rem;
}

#memberContent .youce .paperForm1 .topic-name {
  flex: 1;
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 0.875rem;
  color: #333333;
}

#memberContent .youce .paperForm1 .expand-btn {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 0.875rem;
  color: #2e71d9;
  cursor: pointer;
}

#memberContent .youce .paperForm1 .topic-content {
  padding: 0.75rem;
  background-color: #fff;
  padding-top: 0;
}

#memberContent .youce .paperForm1 .topic-desc {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 0.875rem;
  color: #666666;
  line-height: 1.4;
  display: flex;
  align-items: baseline;
}

#memberContent .youce .paperForm1 .topic-desc-text {
  overflow: hidden;
  white-space: nowrap;
  flex: 1;
}

#memberContent .youce .paperForm1 .topic-content.expanded .topic-desc {
  display: block;
}

#memberContent .youce .paperForm1 .topic-content.expanded .topic-desc-text {
  white-space: normal;
  overflow: visible;
  display: inline;
}

#memberContent .youce .paperForm1 .expand-btn {
  color: #2e71d9;
  cursor: pointer;
  margin-left: 0.5rem;
  white-space: nowrap;
  flex-shrink: 0;
}

#memberContent .youce .paperForm1 .topic-content.expanded .expand-btn {
  display: inline;
  margin-left: 0.5rem;
}

#memberContent .youce .paperForm1 .topic-content.expanded .expand-btn {
  margin-left: 0;
  margin-top: 0.5rem;
}

#memberContent .youce .paperForm1 .select .layui-form-select {
  width: 49.4375rem;
}

#memberContent .youce .paperForm1 .title-section {
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  padding: 0 1.875rem;
  margin-top: 0.75rem;
}

#memberContent .youce .paperForm1 .title-input {
  height: 2.4375rem;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  padding-left: 0.875rem;
  font-size: 0.875rem;
  color: #333333;
  box-sizing: border-box;
  border-radius: 4px;
  width: 49.4375rem;
}

#memberContent .youce .paperForm1 .title-input::placeholder {
  font-size: 0.875rem;
  color: #999999;
}

#memberContent .youce .paperForm1 .cont-box {
  background: #ffffff;
  border: 1px solid #e6e6e6;
  width: 49.4375rem;
  padding: 0.375rem 0.875rem;
  font-size: 0.875rem;
  color: #333333;
  box-sizing: border-box;
  border-radius: 4px;
  line-height: 1.4375rem;
}

#memberContent .youce .paperForm1 .cont-box .cont {
  color: #999999;
}

#memberContent .youce .paperForm1 .input-box {
  background: #ffffff;
  border: 1px solid #e6e6e6;
  width: 49.4375rem;
  padding: 0.375rem 0.875rem;
  font-size: 0.875rem;
  color: #333333;
  box-sizing: border-box;
  border-radius: 4px;
  line-height: 1.4375rem;
  min-height: 2.4375rem;
}

#memberContent .youce .paperForm1 .input-box.w50 {
  width: 19.8125rem;
}

#memberContent .youce .paperForm1 .zuitijiao {
  text-align: center;
  margin-top: 2rem;
}

#memberContent .youce .paperForm1 .tijiaos {
  background-color: #2e71d9;
  color: #fff;
  border: none;
  border-radius: 4px;
  font-size: 0.875rem;
  cursor: pointer;
  transition: background-color 0.3s;
}

#memberContent .youce .paperForm1 .tijiaos:hover {
  background-color: #1890ff;
}

/* 论文联系人表单样式 */
#memberContent .youce .paperForm1 .contact-form {
  margin-top: 1.5rem;
}

#memberContent .youce .paperForm1 .form-row {
  display: flex;
  gap: 1.5rem;
}

#memberContent .youce .paperForm1 .form-group {
  margin-bottom: 1rem;
  display: flex;
  padding: 0 1.875rem;
  padding-right: 0;
  align-items: center;
}

#memberContent .youce .paperForm1 .form-group label {
  display: block;
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 0.875rem;
  color: #333333;
  margin-bottom: 0.375rem;
}

#memberContent .youce .paperForm1 .form-input {
  width: 19.8125rem;
  height: 2.4375rem;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  padding-left: 0.875rem;
  font-size: 0.875rem;
  color: #333333;
  box-sizing: border-box;
  border-radius: 4px;
}

#memberContent .youce .paperForm1 .form-input.full-width {
  width: 49.4375rem;
}

#memberContent .youce .paperForm1 .form-input::placeholder {
  font-size: 0.875rem;
  color: #999999;
}

#memberContent .youce .paperForm1 .form-textarea {
  min-width: 49.4375rem;
  max-width: 49.4375rem;
  min-height: 11.3125rem;
  max-height: 11.3125rem;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  padding: 0.875rem;
  font-size: 0.875rem;
  color: #333333;
  box-sizing: border-box;
  border-radius: 4px;
  resize: vertical;
}

#memberContent .youce .paperForm1 .form-textarea::placeholder {
  font-size: 0.875rem;
  color: #999999;
}

#memberContent .youce .paperForm1 .file-upload {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

#memberContent .youce .paperForm1 .file-input {
  width: 40.1875rem;
  flex: 1;
  height: 2.4375rem;
  line-height: 2.4375rem;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  padding-left: 0.875rem;
  font-size: 0.875rem;
  color: #333333;
  box-sizing: border-box;
  border-radius: 4px;
}

#memberContent .youce .paperForm1 .file-input .del {
  margin-left: 0.25rem;
  color: #0e9ce5;
  cursor: pointer;
}

#memberContent .youce .paperForm1 .release-file-list {
  width: 49.4375rem;
  margin-top: 0.5rem;
  min-height: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  margin-left: 5.2rem;
}

#memberContent .youce .paperForm1 .release-file-progress {
  width: 100%;
  border-radius: 6px;
  border: solid 1px #dbe7ff;
  background-color: #f7faff;
  padding: 10px 12px;
}

#memberContent .youce .paperForm1 .release-progress-name {
  max-width: calc(100% - 56px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #3878f7;
  font-size: 0.8125rem;
}

#memberContent .youce .paperForm1 .release-progress-percent {
  color: #3878f7;
  font-size: 0.8125rem;
}

#memberContent .youce .paperForm1 .release-progress-track {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  background-color: #e8f0ff;
  overflow: hidden;
}

#memberContent .youce .paperForm1 .release-progress-inner {
  display: block;
  height: 100%;
  width: 0;
  border-radius: 4px;
  background-color: #3878f7;
  transition: width 0.18s linear;
}

#memberContent .youce .paperForm1 .release-progress-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

#memberContent .youce .paperForm1 .file-upload-btn {
  width: 8.6875rem;
  height: 2.4375rem;
  background: rgba(46, 113, 217, 0.1);
  border: 1px solid #2e71d9;
  color: #2e71d9;
  cursor: pointer;
}

#memberContent .youce .paperForm1 .xiaxian {
  height: 1px;
  background-color: #e6e6e6;
  margin: 1.5rem 0;
}

#memberContent .youce .paperForm1 .xiaxian1 {
  height: 1px;
  background-color: #e6e6e6;
  margin: 1.5rem 0;
  margin-top: 0.75rem;
}

#memberContent .pingyu {
  display: flex;
  margin-top: 0.75rem;
}

#memberContent .pingyu textarea {
  min-width: 40.8125rem;
  min-height: 7.375rem;
  max-width: 40.8125rem;
  max-height: 7.375rem;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(230, 230, 230);
  padding-left: 0.875rem;
  padding-top: 0.75rem;
  font-size: 0.875rem;
}

#memberContent .pingyu textarea::placeholder {
  font-size: 0.875rem;
  color: #999999;
}

#memberContent .zuitijiao {
  display: flex;
  justify-content: center;
  margin-top: 3.125rem;
}

#memberContent .zuitijiao .tijiaos {
  width: 7.5rem;
  height: 3.125rem;
  background: #2e71d9;
  border-radius: 1.5625rem;
  border: 1px solid #2e71d9;
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 16px;
  color: #ffffff;
  cursor: pointer;
}

#memberContent .paperForm1 .yuanquan {
  content: '';
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  border: 2px solid #2e71d9;
}

#memberContent .paperForm1 .zhanwei {
  display: flex;
  align-items: center;
  padding: 1.875rem 3.125rem 0 1.875rem;
}

#memberContent .paperForm1 .dtitle {
  display: flex;
  font-family: HarmonyOS Sans SC;
  font-weight: 500;
  font-size: 1.125rem;
  color: #333333;
  margin-left: 0.75rem;
}

#memberContent .xiaxian {
  height: 1px;
  background: #e6ebf3;
}

#memberContent .tougao-section {
  padding: 0 1.875rem;
}

#memberContent .zhibosg {
  display: flex;
  margin-top: 2.5rem;
}

#memberContent .dandusg {
  padding-top: 0 !important;
}

/* #memberContent .zaijia{
  margin-left: 0.625rem
} */
#memberContent .zaijia1 {
  margin-left: -1.1rem;
}

#memberContent .zaijia2 {
  margin-left: -0.3rem;
}

#memberContent .zaijia3 {
  margin-left: -1.1rem;
}

#memberContent .zaijia4 {
  margin-left: 0.75rem;
}

#memberContent .zaijia8 {
  margin-left: 1.3rem;
}

#memberContent .zaijia9 {
  margin-left: 1.3rem;
}

#memberContent .zaijia10 {
  margin-left: 0.4375rem;
}

#memberContent .zaijia11 {
  margin-left: -0.55rem;
}

#memberContent .zaijia5 {
  display: flex !important;
  align-items: flex-start !important;
  margin-left: 1.75rem;
}

#memberContent .zaijia6 {
  display: flex !important;
  align-items: flex-start !important;
  margin-left: 2.5rem;
}

#memberContent .zaijia7 {
  margin-left: 0.75rem;
  display: flex !important;
  align-items: center !important;
  margin-left: 0.6rem;
}

#memberContent .zaijia7 input::placeholder {
  font-size: 0.875rem;
  color: #999999;
}

#memberContent .file-upload-btn img {
  width: 1.1875rem;
  height: 0.9375rem;
}

#memberContent .duoy {
  border-radius: 1.5625rem !important;
  font-size: 1rem;
  color: #ffffff;
}

#memberContent .lunbwenb {
  position: relative;
  left: -0.9375rem;
}

#memberContent .youbeizhu {
  margin-left: 0.3125rem;
}

/* 表格行悬停效果 */

#memberContent .youce .zhenTabal .table-row-hover:hover td {
  color: #2e71d9;
}

/* 主题名称悬停效果 */
#memberContent .youce .zhenTabal .topic-hover-container {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

#memberContent .youce .zhenTabal .topic-name {
  position: relative;
  z-index: 1;
}

#memberContent .zaijia9 {
  margin-left: 1.3rem;
}

#memberContent .youce .zhenTabal .topic-hover-content {
  position: absolute;
  top: 100%;
  left: -5rem;
  right: 0;
  margin: 0 auto;
  background-color: #f4f7fb;
  border: 1px solid #2666c9;
  border-radius: 4px;
  padding: 1rem;
  width: 58.5rem;
  z-index: 1000;
  margin-top: 0.5rem;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
  display: none;
  color: #333333;
}

#memberContent .youce .zhenTabal .topic-hover-container:hover .topic-hover-content {
  display: block;
}

#memberContent .youce .zhenTabal .topic-hover-header {
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
}

#memberContent .youce .zhenTabal .topic-hover-title {
  color: #999;
}

#memberContent .youce .zhenTabal .topic-hover-body {
  line-height: 1.9;
  color: #333333;
}

#memberContent .zaijia10 {
  margin-left: 0.4375rem;
}

#memberContent .zaijia11 {
  margin-left: -0.55rem;
}

#memberContent .zilg1 {
  padding-top: 0 !important;
  display: flex;
  justify-content: space-between;
}

#memberContent .wuzhu {
  margin-left: -0.6rem;
}

#memberContent .zazs {
  width: 49.4375rem !important;
}

#memberContent .zsgo {
  margin-left: 2.5rem;
}

#memberContent .ziailei {
  display: flex;
  align-items: center;
}

#memberContent .buta {
  display: flex;
}

#memberContent .buta .butaOne {
  width: 6.8125rem;
  height: 2.3925rem;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 95px;
  border: 1px solid #cccccc;
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 0.875rem;
  color: #666666;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.5625rem;
  cursor: pointer;
}

#memberContent .zhentabel .dianls {
  background-color: #2e71d9;
  color: #ffffff;
  border: 1px solid #2e71d9;
}

#memberContent .xiupassword {
  display: flex;
  align-items: center;
  justify-content: center;
}

#memberContent .pastitle-section {
  display: flex;
  align-items: center;
  margin-bottom: 0.75rem;
}

#memberContent .passection-title {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 0.875rem;
  color: #333333;
}

#memberContent .title-input {
  width: 19.8125rem;
  height: 2.3925rem;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  padding-left: 0.875rem;
}

#memberContent .title-input1 {
  width: 13.1875rem;
  height: 2.3925rem;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  padding-left: 0.875rem;
}

#memberContent .title-input::placeholder {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 0.875rem;
  color: #999999;
}

#memberContent .zhbus {
  width: 5.9375rem;
  height: 2.4375rem;
  background: #ffffff;
  border: 1px solid #2e71d9;
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 0.875rem;
  color: #2e71d9;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin-left: 0.75rem;
}

#memberContent .zhendg {
  margin-top: 1rem !important;
}

#memberContent .youjian {
  padding: 8.5rem 0 !important;
}

#memberContent .qxjru {
  font-family: HarmonyOS Sans SC;
  font-weight: 500;
  font-size: 1.25rem;
  color: #dd3838;
  margin-top: 1.75rem;
}

#memberContent .qxjru1 {
  font-family: HarmonyOS Sans SC;
  font-weight: 500;
  font-size: 1.25rem;
  color: #666666;
  margin-top: 1.75rem;
}

#memberContent .qxjru2 {
  font-family: HarmonyOS Sans SC;
  font-weight: 500;
  font-size: 1.25rem;
  color: #666666;
  margin-top: 0.9375rem;
}

#memberContent .qxjru2 .baoqians {
  color: #dd3838;
}

#memberContent .shenqign .shenBtn {
  width: 10rem;
  height: 3.125rem;
  background: #2e71d9;
  border-radius: 1.5625rem;
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 1rem;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2.125rem;
  cursor: pointer;
}

#memberContent .xinzl {
  width: 10.3125rem !important;
  margin-left: 0.625rem;
}

#memberContent .tanChuang {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 30.5rem;
  min-height: 15.25rem;
  max-height: auto;
  background: #ffffff;
  border-radius: 0.625rem;
  background-color: #fff;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
  z-index: 1001;
  overflow: hidden;
}

#memberContent .tanChuang.lingren {
  width: 62.5rem;
  min-height: 48rem;
  max-height: auto;
}

#memberContent .laisgs {
  padding: 0 !important;
  margin-top: 1.25rem;
}

#memberContent .lingren-content {
  display: flex;
  min-height: 25rem;
  margin: 1.25rem 0;
  padding: 0 1.25rem;
}

#memberContent .lingren-left,
#memberContent .lingren-right {
  flex: 1;
  padding: 0 0.625rem;
}

#memberContent .lingren-middle {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 1.25rem;
  position: absolute;
  left: -1.9375rem;
  transform: translateY(119%);
}

#memberContent .lingren-header {
  margin-bottom: 0.625rem;
  display: flex;
  align-items: center;
}

#memberContent .lingren-select {
  padding: 0.3125rem 0.625rem;
  margin-right: 0.625rem;
  border: 1px solid #ddd;
  border-radius: 0.25rem;
  font-size: 0.875rem;
}

#memberContent .lingren-search {
  padding: 0.3125rem 0.625rem;
  margin-right: 0.625rem;
  border: 1px solid #ddd;
  border-radius: 0.25rem;
  flex: 1;
  font-size: 0.875rem;
}

#memberContent .lingren-search-btn {
  padding: 0.3125rem 0.9375rem;
  background-color: #2e71d9;
  color: white;
  border: none;
  border-radius: 0.25rem;
  cursor: pointer;
  font-size: 0.875rem;
}

#memberContent .lingren-list {
  height: 32.875rem;
  overflow-y: auto;
}

#memberContent .selected-item {
  background-color: #e6ebf3;
  display: flex;
  align-items: center;
  padding: 0.625rem;
  margin-bottom: 12px;
  border-radius: 0.25rem;
}

#memberContent .selected-name {
  margin-left: 1.25rem;
}

#memberContent .lingren-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
}

#memberContent .lingren-table th,
#memberContent .lingren-table td {
  padding: 0.5rem;
  border-bottom: 1px solid #ddd;
  text-align: left;
}

#memberContent .lingren-table th {
  background-color: #f8f9fa;
  font-weight: bold;
  position: sticky;
  top: 0;
  z-index: 1;
}

#memberContent .move-btn img {
  width: 1.25rem;
  height: 5rem;
  cursor: pointer;
}

#memberContent .lingren-pagination {
  margin-top: 0.625rem;
  text-align: center;
  font-size: 0.875rem;
}

#memberContent .lingren-pagination .pagination-btn {
  margin: 0 0.3125rem;
  padding: 0.125rem 0.5rem;
  text-decoration: none;
  color: #2e71d9;
  border: 1px solid #ddd;
  border-radius: 0.25rem;
}

#memberContent .lingren-pagination .pagination-btn.is-active {
  background-color: #2e71d9;
  color: white;
  border-color: #2e71d9;
}

#memberContent .tanChuang .tuanTitle {
  height: 3.875rem;
  border-bottom: 1px solid #f4f4f4;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

#memberContent .tanChuang .tuanTitle .chanzi {
  width: 1.4375rem;
  height: 1.4375rem;
  border-radius: 50%;
  border: 1px solid #666666;
  display: flex;
  justify-content: center;
  margin-right: 2rem;
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 1.1rem;
}

#memberContent .tanChuang .chogbubi {
  display: flex;
  flex-direction: column;
}

#memberContent .tanChuang .xianhlo {
  width: 1.875rem;
  height: 0.1875rem;
  background: #2e71d9;
  border-radius: 2px;
  margin-left: 2.0625rem;
  position: absolute;
  bottom: 0;
}

#memberContent .tanChuang .tuanTitle span {
  color: #2e71d9;
  font-family: HarmonyOS Sans SC;
  font-weight: bold;
  font-size: 1.125rem;
  padding-left: 2.0625rem;
}

#memberContent .tanChuang .form-group {
  display: flex;
}

#memberContent .tanChuang .form-group input {
  width: 25.625rem;
  height: 2.3925rem;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  margin-left: 2.4375rem;
  margin-top: 1.875rem;
  padding-left: 1.125rem;
  font-size: 0.875rem;
}

#memberContent .tanChuang .form-group input::placeholder {
  color: #999999;
}

#memberContent .tanChuang .tips {
  margin: 0.5rem 2.4375rem;
  font-size: 1rem;
  color: #999999;
}

#memberContent .tanChuang .form-group textarea {
  max-width: 25.625rem;
  min-width: 25.625rem;
  min-height: 5.3925rem;
  max-height: 5.3925rem;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  margin-left: 2.4375rem;
  margin-top: 1.875rem;
  padding: 0.875rem;
  font-size: 0.875rem;
}

#memberContent .tanChuang .form-group textarea::placeholder {
  color: #999999;
}

#memberContent .queding {
  display: flex;
  margin: 1.75rem;
  justify-content: center;
}

/* 申请新单位弹窗表单样式 */
#memberContent .tanChuang .tanContent {
  padding: 1.5rem 2rem;
}

#memberContent .tanChuang .unit-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

#memberContent .tanChuang .unit-form .form-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0;
}

#memberContent .tanChuang .unit-form .form-group label {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 0.875rem;
  color: #333333;
  margin-bottom: 0.5rem;
  padding-left: 0;
  text-align: left;
  width: 100%;
}

#memberContent .tanChuang .unit-form .form-group label .required {
  color: #ff4d4f;
  margin-right: 0.25rem;
}

#memberContent .tanChuang .unit-form .form-group input {
  width: 100%;
  height: 2.5rem;
  background: #f6f6f6;
  border: none;
  border-radius: 4px;
  margin: 0;
  padding: 0 0.75rem;
  font-size: 0.875rem;
  box-sizing: border-box;
}

#memberContent .tanChuang .unit-form .form-group input:focus {
  border-color: #2e71d9;
  outline: none;
}

#memberContent .queding {
  display: flex;
  margin-top: 0.55rem;
  justify-content: center;
  margin-bottom: 1.8rem;
}

#memberContent .queding button {
  width: 7.5rem;
  height: 3.125rem;
  background: #2e71d9;
  border-radius: 1.5625rem;
  border: 1px solid #2e71d9;
  font-size: 1rem;
  color: #ffffff;
  cursor: pointer;
}

#memberContent .queding .tuanBtn {
  width: 7.5rem;
  height: 3.125rem;
  background: #2e71d9;
  border-radius: 1.5625rem;
  border: 1px solid #2e71d9;
  font-size: 1rem;
  color: #ffffff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

#memberContent .wenxls {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 0.875rem;
  color: #333333;
  margin-top: 2.125rem;
  padding: 0 4.0625rem;
  box-sizing: border-box;
}

/* 上传文件弹窗样式 */
#memberContent .tanChuang.upload-modal {
  width: 30.5rem;
  min-height: 15.25rem;
}

#memberContent .upload-content {
  padding: 1.5rem 2rem;
}

#memberContent .upload-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

#memberContent #uploadfileform .release-file-list {
  min-height: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  padding: 0 2rem;
}

#memberContent #uploadfileform .release-file-progress {
  width: 100%;
  border-radius: 6px;
  border: solid 1px #dbe7ff;
  background-color: #f7faff;
  padding: 10px 12px;
}

#memberContent #uploadfileform .release-progress-name {
  max-width: calc(100% - 56px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #3878f7;
  font-size: 0.8125rem;
}

#memberContent #uploadfileform .release-progress-percent {
  color: #3878f7;
  font-size: 0.8125rem;
}

#memberContent #uploadfileform .release-progress-track {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  background-color: #e8f0ff;
  overflow: hidden;
}

#memberContent #uploadfileform .release-progress-inner {
  display: block;
  height: 100%;
  width: 0;
  border-radius: 4px;
  background-color: #3878f7;
  transition: width 0.18s linear;
}

#memberContent #uploadfileform .release-progress-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

/*#memberContent .upload-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}*/

#memberContent .upload-row.upload-row-horizontal {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  justify-content: center;
}

#memberContent .upload-row label {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 0.875rem;
  color: #333333;
  min-width: 3rem;
}

#memberContent .upload-row-horizontal .footer-plus-brand {
  width: auto;
  min-width: 8rem;
  align-items: center;
}

#memberContent .upload-buttons {
  display: flex;
  gap: 0.75rem;
  width: 12.9375rem;
  height: 2.4375rem;
}

#memberContent .upload-btn {
  padding: 0.5rem 1rem;
  border: 1px solid #2e71d9;
  background: #ffffff;
  color: #2e71d9;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  cursor: pointer;
  font-family: HarmonyOS Sans SC;
}

#memberContent .upload-btn.start-upload-btn {
  background: #2e71d9;
  color: #ffffff;
}

#memberContent .upload-btn.start-upload-btn:hover {
  background: #1e5bc7;
}

#memberContent .queding .save-btn {
  width: 7.5rem;
  height: 3.125rem;
  background: #2e71d9;
  border-radius: 1.5625rem;
  border: 1px solid #2e71d9;
  font-size: 1rem;
  color: #ffffff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 一审查看 */
#memberContent .paperForm1 .chongxie {
  padding: 1.875rem 7.0625rem 10.9375rem 7.0625rem;
}

#memberContent .paperForm1 .chongxieTitle {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 0.875rem;
  color: #333333;
  display: flex;
  align-items: center;
  margin-bottom: 0.75rem;
}

#memberContent .paperForm1 .chongBox {
  width: 41.4345rem;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  padding: 0.625rem;
}

#memberContent .paperForm1 .zaizou {
  margin-left: 1.75rem;
}

#memberContent .paperForm1 .zaizou1 {
  margin-left: 0.875rem;
}

#memberContent .paperForm1 .zuojuli {
  margin-left: 0.9375rem;
}

#memberContent .paperForm1 .xinzju {
  line-height: 1.5rem;
}

#memberContent .lanse {
  color: #2e71d9;
}

/* 用户注册 */
#memberContent .xinbox {
  min-height: 43.75rem;
  max-height: auto;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 0.625rem;
  border: 1px solid #ffffff;
  margin-top: 1.0625rem;
}

#memberContent .xinUser {
  font-family: HarmonyOS Sans SC;
  font-weight: 500;
  font-size: 1.875rem;
  color: #333333;
  text-align: center;
  margin-top: 4.1875rem;
  margin-bottom: 2.4375rem;
}

#memberContent .xinLiang {
  display: flex;
  justify-content: space-between;
  padding: 0 1.2rem;
  box-sizing: border-box;
}

#memberContent .xinLiang .xinLiangLeft,
.xinLiangRighgt {
  width: 33.33%;
  min-height: 30.9375rem;
  max-height: auto;
  background: #f8fbff;
  border-radius: 0.625rem;
  border: 1px solid #e6ebf3;
  box-sizing: border-box;
  padding: 3.1875rem 0 2.9375rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* 2个卡片时的样式 - 有xinLiangLeft的情况 */
#memberContent .xinLiang:has(.xinLiangLeft):has(.xinLiangRighgt:nth-child(2):not(:nth-child(3))) .xinLiangLeft,
#memberContent .xinLiang:has(.xinLiangLeft):has(.xinLiangRighgt:nth-child(2):not(:nth-child(3))) .xinLiangRighgt {
  width: 50%;
}

/* 2个卡片时的样式 - 只有xinLiangRighgt的情况 */
#memberContent .xinLiang:not(:has(.xinLiangLeft)):has(.xinLiangRighgt:nth-child(2):not(:nth-child(3))) .xinLiangRighgt {
  width: 50%;
}

#memberContent .xinLiang .xinLiangRighgt {
  margin-left: 1.2rem;
  padding: 3.125rem 2rem 2.9375rem 3rem;
}

#memberContent .xinLiang .xinLiangRighgt:first-child {
  margin-left: 0;
}

#memberContent .xinLiang img {
  width: 9.1875rem;
  height: 9.1875rem;
}

#memberContent .xinLiang .student {
  font-family: HarmonyOS Sans SC;
  font-weight: 500;
  font-size: 1.25rem;
  color: #2e71d9;
  margin-top: 1.6875rem;
}

#memberContent .xinLiang .dianji {
  font-weight: 400;
  font-size: 1rem;
  color: #666666;
  margin-top: 1.5625rem;
}

#memberContent .xinLiang .xinbtn,
#memberContent .xinLiang .xinbtn1 {
  margin-top: 3rem;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: 100%;
}

#memberContent .xinLiang .xinbtn .xinbtns,
#memberContent .xinLiang .xinbtn1 .xinbtns {
  width: 10rem;
  height: 3.125rem;
  background: #2e71d9;
  border-radius: 1.5625rem;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

#memberContent .xinLiang .xinLiangRighgt .buyiyang {
  margin-top: 1.5625rem;
  color: #666666;
}

#memberContent .xinLiang .xiodian {
  display: flex;
  margin-top: 0.625rem;
}

#memberContent .xinLiang .xiodian::before {
  content: '';
  min-width: 0.375rem;
  height: 0.375rem;
  background: #2e71d9;
  border-radius: 50%;
  display: inline-block;
  margin-top: 0.3125rem;
}

#memberContent .buyiyang span {
  margin-left: 0.625rem;
}

/* 入会 */
#memberContent .zixue {
  padding: 4.1875rem 2.5rem 4.375rem 2.5rem;
}

#memberContent .zixuanOne {
  display: flex;
  justify-content: space-between;
}

#memberContent .zixuanOne span {
  font-family: HarmonyOS Sans SC;
  font-weight: 500;
  font-size: 1.875rem;
  color: #333333;
  margin-left: 13.75rem;
}

#memberContent .zixuanOne .zixuanBtn {
  width: 11.3125rem;
  height: 2.3125rem;
  background: rgba(46, 113, 217, 0.1);
  border-radius: 1.125rem;
  border: 1px solid #2e71d9;
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 1rem;
  color: #2e71d9;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.625rem;
}

#memberContent .zixuanOne .zixuanBtn img {
  width: 0.4375rem;
  height: 0.8125rem;
  margin-left: 0.625rem;
  /* margin-top: -0.25rem; */
}

#memberContent .jiesuol {
  width: 100%;
  height: 4.125rem;
  background: #e9f0fb;
  border-radius: 0.25rem;
  margin-top: 1.5625rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

#memberContent .jiesuol .jiesuolOne {
  display: flex;
  justify-content: center;
  align-items: center;
}

#memberContent .jiesuol .jiesuolOne .jieYuan {
  width: 1.875rem;
  height: 1.875rem;
  background: #bdc4cf;
  border-radius: 50%;
  font-family: HarmonyOS Sans SC;
  font-weight: bold;
  font-size: 0.875rem;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}

#memberContent .jiesuol .jiesuolOne .jieActive {
  background: #2e71d9;
}

#memberContent .jiesuol .jiesuolOne span {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 1.125rem;
  color: #99a0ac;
  margin-left: 0.9375rem;
}

#memberContent .jiesuol .jieActive1 {
  color: #333333 !important;
}

#memberContent .jiesuol .xiaodianl {
  font-weight: bold;
  font-size: 14px;
  color: #99a0ac;
  margin-top: -0.5rem;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

#memberContent .xuzhil {
  font-family: HarmonyOS Sans SC;
  font-weight: bold;
  font-size: 1.125rem;
  color: #333333;
  margin-top: 52px;
  text-align: center;
}

#memberContent .perboxsTitle {
  font-size: 1.5rem;
  color: #333333;
  padding-top: 2.5rem;
  text-align: center;
}

#memberContent .endTime {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 0.875rem;
  color: #666666;
  margin-top: 1rem;
  text-align: center;
}

#memberContent .parpaing {
  padding: 0 1.75rem;
  min-height: 20rem;
}

#memberContent .paperCons {
  margin-top: 3rem;
  width: 100%;
}

#memberContent .paperCons img {
  max-width: 100%;
}

/* #memberContent .ruhuiContent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
} */

#memberContent .jutishiwu {
  margin-top: 1.75rem;
}

#memberContent .xiodian p {
  margin-top: 1rem;
}

#memberContent .zhexiao {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 0.875rem;
  color: #333333;
  display: flex;
  align-items: center;
  margin-top: 1rem;
}

#memberContent .zhexiao::before {
  content: '';
  width: 0.375rem;
  height: 0.375rem;
  background: #2e71d9;
  border-radius: 50%;
  display: inline-block;
  margin-right: 0.5rem;
}

#memberContent .zhexiao span {
  margin-left: 0.625rem;
}

#memberContent .zhenjuslg {
  margin-top: 1.875rem;
}

#memberContent .yuedu {
  margin-top: 2rem;
}

#memberContent .yuedu .yuedu-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  padding: 1.5rem 2rem;
  border-radius: 0.5rem;
}

#memberContent .yuedu .yuedu-checkbox {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  font-family: HarmonyOS Sans SC;
  font-size: 0.875rem;
  color: #333333;
}

#memberContent .yuedu .yuedu-checkbox input[type='checkbox'] {
  display: none;
}

#memberContent .yuedu .yuedu-checkbox input[type='checkbox']:checked+.checkbox-icon {
  background-color: #2e71d9;
  border-color: #2e71d9;
}

#memberContent .yuedu .yuedu-checkbox input[type='checkbox']:checked+.checkbox-icon::after {
  content: '✓';
  color: white;
  font-size: 1rem;
  font-weight: bold;
  margin-top: -0.125rem;
}

#memberContent .yuedu .yuedu-text .jianslg {
  color: #2e71d9;
  text-decoration: underline;
  cursor: pointer;
}

#memberContent .yuedu .yuedu-btn {
  width: 7.5rem;
  height: 2.5rem;
  background: #2e71d9;
  border-radius: 1.25rem;
  border: none;
  font-family: HarmonyOS Sans SC;
  font-size: 1rem;
  color: #ffffff;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
}

#memberContent .yuedu .yuedu-btn:disabled {
  background: #cccccc;
  cursor: not-allowed;
}

#memberContent .yuedu-content {
  display: flex;
  justify-content: center;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

/* 表单样式 */
#memberContent .zhanghao {
  padding: 0 2rem;
}

#memberContent .zhanghao .form-content {
  border-radius: 8px;
  padding: 2rem;
}

#memberContent .zhanghao .form-title {
  font-family: HarmonyOS Sans SC;
  font-weight: 500;
  font-size: 1.25rem;
  color: #333333;
  margin-bottom: 1.5rem;
  padding-bottom: 0.5rem;
  margin-left: 13.5rem;
}

#memberContent .zhanghao .form-group {
  display: flex;
  align-items: center;
  margin-bottom: 0.75rem;
}

#memberContent .zhanghao .form-group label {
  width: 10rem;
  font-family: HarmonyOS Sans SC;
  font-size: 0.875rem;
  color: #333333;
  text-align: right;
}

#memberContent .zhanghao .form-group .required {
  color: #dd3838;
  margin-right: 0.25rem;
}

#memberContent .zhanghao .form-input,
#memberContent .zhanghao .form-select {
  width: 28.1875rem;
  height: 2.5rem;
  padding: 0 1rem;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  font-family: HarmonyOS Sans SC;
  font-size: 0.875rem;
  color: #333333;
  box-sizing: border-box;
}

#memberContent .zhanghao .form-input::placeholder {
  color: #999999;
}

#memberContent .zhanghao .get-code-btn {
  width: 7.5rem;
  height: 2.4375rem;
  background: #ffffff;
  border: 1px solid #2e71d9;
  margin-left: 0.625rem;
  color: #2e71d9;
  cursor: pointer;
  font-size: 0.875rem;
}

#memberContent .zhanghao .no-company {
  margin-top: 0.5rem;
  margin-left: 11rem;
  font-family: HarmonyOS Sans SC;
  font-size: 0.875rem;
  color: #666666;
}

#memberContent .zhanghao .no-company input[type='checkbox'] {
  margin-right: 0.5rem;
}

#memberContent .zhanghao .form-buttons {
  display: flex;
  justify-content: center;
  gap: 2rem;
  margin-top: 2rem;
  padding-top: 2rem;
}

#memberContent .zhanghao .prev-btn,
#memberContent .zhanghao .submit-btn {
  width: 7.5rem;
  height: 2.5rem;
  border-radius: 1.25rem;
  font-family: HarmonyOS Sans SC;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.3s ease;
}

#memberContent .zhanghao .prev-btn {
  background: #ffffff;
  border: 1px solid #2e71d9;
  color: #2e71d9;
}

#memberContent .zhanghao .prev-btn:hover {
  background: #f0f8ff;
}

#memberContent .zhanghao .submit-btn {
  background: #2e71d9;
  border: none;
  color: #ffffff;
}

#memberContent .zhanghao .submit-btn:hover {
  background: #1e5dc9;
}

/* 自定义下拉菜单样式 */
#memberContent .zhanghao .custom-select {
  width: 28.1875rem;
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
}

#memberContent .zhanghao .select {
  width: 28.1875rem;
}

#memberContent .other_form-group .select {
  width: auto;
}

#memberContent .zhanghao .select .layui-form-select .layui-edge {
  border-top-color: #333;
  border-width: 4px;
}

#memberContent .zhanghao .select .layui-form-select .layui-input {
  /*color: #999999;*/
  padding: 0 1rem;
  font-size: 0.875rem;
  height: 2.4375rem;
}

#memberContent .zhanghao .select-trigger {
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  width: 100%;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  font-size: 0.875rem;
  position: relative;
  box-sizing: border-box;
  padding: 0 1rem;
  color: #999999;
  position: relative;
}

#memberContent .zhanghao .youjian {
  width: 0.375rem;
  height: 0.625rem;
  position: absolute;
  right: 1rem;
  pointer-events: none;
}

#memberContent .zhanghao .select-options {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #ffffff;
  border: 1px solid #e6ebf3;
  border-radius: 0 0 4px 4px;
  border-top: none;
  display: none;
  z-index: 1000;
  max-height: 200px;
  overflow-y: auto;
}

#memberContent .zhanghao .select-options.show {
  display: block;
}

#memberContent .zhanghao .option {
  padding: 0.25rem 1rem;
  cursor: pointer;
  font-size: 0.875rem;
  color: #333;
  line-height: 1.2;
  transition: background-color 0.2s;
}

#memberContent .zhanghao .option:hover {
  background-color: #f0f8ff;
  color: #2e71d9;
}

#memberContent .zhanghao .option a {
  color: inherit;
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
}

/* 证明材料上传样式 */
#memberContent .zhanghao .upload-container {
  flex: 1;
}

#memberContent .zhanghao .upload-hint {
  font-size: 0.875rem;
  color: #666;
  margin-bottom: 0.75rem;
  line-height: 1.4;
  width: 28.175rem;
  height: 2.4375rem;
  background: #f2f2f2;
  border: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
  padding-left: 1rem;
}

#memberContent .zhanghao .upload-files {
  margin-bottom: 0.75rem;
  width: 28.125rem;
  margin-left: 1.3125rem;
}

#memberContent .zhanghao .upload-file-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #e8f1ff;
  border-radius: 4px;
  padding: 0.5rem 1rem;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  color: #333;
}

#memberContent .zhanghao .file-name {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  /*white-space: nowrap;*/
  margin-right: 0.5rem;
}

#memberContent .zhanghao .delete-file-btn {
  background: none;
  border: none;
  font-size: 1.25rem;
  color: #999;
  cursor: pointer;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.2s;
}

#memberContent .zhanghao .delete-file-btn:hover {
  color: #666;
}

#memberContent .zhanghao .upload-btn-container {
  display: flex;
  align-items: center;
  gap: 1rem;
  position: relative;
  left: 1.25rem;
}

#memberContent .zhanghao .upload-btn {
  border: 1px solid #2e71d9;
  color: #2e71d9;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  cursor: pointer;
  font-size: 0.875rem;
  background: #fff;
}

#memberContent .zhanghao .upload-tip {
  font-size: 0.75rem;
  color: #e30920;
  line-height: 1.4;
  font-size: 0.875rem;
}

#memberContent .zhanghao .release-file-list {
  width: 28.125rem;
  margin-top: 0.5rem;
  min-height: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  margin-left: 1.3125rem;
}

#memberContent .zhanghao .release-file-progress {
  width: 100%;
  border-radius: 6px;
  border: solid 1px #dbe7ff;
  background-color: #f7faff;
  padding: 10px 12px;
}

#memberContent .zhanghao .release-progress-name {
  max-width: calc(100% - 56px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #3878f7;
  font-size: 0.8125rem;
}

#memberContent .zhanghao .release-progress-percent {
  color: #3878f7;
  font-size: 0.8125rem;
}

#memberContent .zhanghao .release-progress-track {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  background-color: #e8f0ff;
  overflow: hidden;
}

#memberContent .zhanghao .release-progress-inner {
  display: block;
  height: 100%;
  width: 0;
  border-radius: 4px;
  background-color: #3878f7;
  transition: width 0.18s linear;
}

#memberContent .zhanghao .release-progress-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

/* 日期选择器样式 */
#memberContent .zhanghao .date-picker-container {
  flex: 1;
  position: relative;
}

#memberContent .zhanghao .date-picker {
  width: 28.1875rem;
  height: 2.5rem;
  padding: 0 3rem 0 1rem;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #ffffff;
  font-size: 0.875rem;
  color: #999;
  box-sizing: border-box;
  cursor: pointer;
}

/* 日期选择器的默认文字颜色 */
#memberContent .zhanghao .date-picker::-webkit-datetime-edit {
  color: #999;
}

/* 当日期选择器有值时，文字颜色变为#333 */
#memberContent .zhanghao .date-picker:not(:empty) {
  color: #333 !important;
}

/* 当日期选择器有值时，文字颜色变为#333（WebKit） */
#memberContent .zhanghao .date-picker:not(:empty)::-webkit-datetime-edit {
  color: #333 !important;
}

/* 当日期选择器有值时，文字颜色变为#333（Firefox） */
@-moz-document url-prefix() {
  #memberContent .zhanghao .date-picker {
    color: #999;
  }

  #memberContent .zhanghao .date-picker:not(:placeholder-shown) {
    color: #333 !important;
  }
}

#memberContent .zhanghao .date-picker::placeholder {
  color: #999;
}

#memberContent .zhanghao .date-icon {
  width: 1rem;
  height: 1rem;
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 3;
}

.delete-file-btn img {
  margin-left: 1.25rem;
}

/* 日期选择器调整 */
#memberContent .zhanghao .date-picker::-webkit-calendar-picker-indicator {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

#memberContent .zhanghao .date-picker::-moz-calendar-picker-indicator {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

#memberContent .yuedu-checkbox {
  display: flex;
  align-items: center;
  cursor: pointer;
}

#memberContent .yuedu-checkbox input[type='checkbox'] {
  display: none;
}

#memberContent .yuedu-checkbox .checkbox-icon {
  width: 1rem;
  height: 1rem;
  border: 1px solid #2e71d9;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.5rem;
  position: relative;
}

#memberContent .yuedu-checkbox input[type='checkbox']:checked+.checkbox-icon::after {
  /* content: '';3036
  width: 0.6rem;
  height: 0.6rem;
  background: #2e71d9;
  border-radius: 50%; */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#memberContent .yuedu-text {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 0.875rem;
  color: #333333;
}

#memberContent .yuedu-btn {
  width: 7.5rem;
  height: 2.5rem;
  background: #2e71d9;
  border-radius: 1.25rem;
  border: none;
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 1rem;
  color: #ffffff;
  cursor: pointer;
  opacity: 0.5;
  transition: opacity 0.3s;
}

#memberContent .yuedu-btn:enabled {
  opacity: 1;
}

#memberContent .yuedu-btn:disabled {
  cursor: not-allowed;
}

#memberContent .jianslg {
  color: #2e71d9;
}

#memberContent .formZhen {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#memberContent .zhanwei1 {
  display: flex;
  align-items: center;
  margin-left: 15rem;
  margin-bottom: 1rem;
}

#memberContent .zhanwei1 .yuanquan1 {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  border: 2px solid #2e71d9;
}

#memberContent .zhanwei1 .dtitle1 {
  font-family: HarmonyOS Sans SC;
  font-weight: bold;
  font-size: 1rem;
  margin-left: 0.75rem;
}

#memberContent .zaijge {
  margin: 1rem 0;
  margin-left: 15rem;
}

#memberContent .zigels {
  width: 20.0625rem !important;
}

#memberContent .youjian1 {
  position: absolute;
  right: 0.625rem;
}

#memberContent .select-trigger {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 0.875rem;
  color: #999999;
}

#memberContent .meiDan {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 0.875rem;
  color: #2e71d9;
  margin-bottom: 0.75rem;
  margin-left: -7rem;
}

#memberContent .dibuanls {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1.875rem;
}

#memberContent #nextBtn1 {
  margin-left: 0.75rem;
}

#memberContent .zhanghao .date-picker {
  color: #333;
}

#memberContent .zhanghao .date-picker::placeholder {
  color: #999 !important;
}

#memberContent .zhegsgs {
  display: flex;
  margin-left: 6.35rem;
}

#memberContent .badawei {
  margin-top: 0.5rem;
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 0.875rem;
  color: #333333;
}

.chucai {
  margin-left: 10rem;
}

#memberContent .wancls {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

#memberContent .wancls img {
  width: 12.5625rem;
  height: 8.0625rem;
  margin-top: 6.5rem;
}

#memberContent .wancls .huijin {
  margin-top: 2.5rem;
}

#memberContent .fanshouye {
  width: 10rem;
  height: 3.125rem;
  background: #2e71d9;
  border-radius: 1.5625rem;
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 1rem;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2.5625rem;
}

#memberContent .tanChuang input:focus {
  background-color: #fff !important;
}

#memberContent .youxaiil {
  padding-bottom: 3rem;
}

#memberContent .zhendesg {
  margin-top: 1.75rem;
}

#memberContent .meigyog {
  display: flex;
}

#memberContent .zhengzit {
  padding: 3.0625rem 3.5rem 0 4.375rem;
}

#memberContent .zhengzit .zhenbej {
  width: 100%;
  height: 36.6875rem;
  background-image: url('../img/zbj.png');
  background-size: 100% 100%;
}

#memberContent .zhenbej .zhenTile {
  padding-top: 16.25rem;
}

#memberContent .zhenbej .zhenTile .shixain {
  font-family: HarmonyOS Sans SC;
  font-weight: bold;
  font-size: 2.875rem;
  color: #333333;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#memberContent .zhenbej .juyoupai {
  color: #b9761c !important;
}

#memberContent .zhengzit .zhenZhang {
  padding: 0 5rem;
  margin-top: 5.6875rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

#memberContent .zhengzit .zhenZhang .youxiao {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 1rem;
  color: #666666;
}

#memberContent .zhengzit .zhenZhang .tuzhan {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 1rem;
  color: #333333;
  text-align: right;
  line-height: 1.5rem;
  position: relative;
}

#memberContent .zhengzit .zhanbian {
  position: absolute;
  right: -1rem;
  bottom: -1.2rem;
}

/*********************************************************************
* 个人资料 基本信息
*/
.person_Form {
  padding: 0 !important;
}

.person_Form .form-content {
  padding: 2rem 1.6rem;
}

.person_Form .form-content .last_one {
  margin-left: 0 !important;
}

.last_one_pack {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 7rem;
}

.last_one_pack .last_one_left,
.last_one_pack .last_one_right {
  width: 50%;
}

.last_one_form-group {
  display: flex;
  align-items: center;
  margin-bottom: 0.75rem;
  /* margin-left: 2.75rem; */
}

.last_one_form-group label {
  width: 7rem;
  font-family: HarmonyOS Sans SC;
  font-size: 0.875rem;
  color: #333333;
  text-align: right;
}

.last_one_form-group .required {
  color: #dd3838;
  margin-right: 0.25rem;
}

.form-person-input {
  width: 19.8125rem;
  height: 2.4375rem;
  padding: 0 1rem;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  font-family: HarmonyOS Sans SC;
  font-size: 0.875rem;
  color: #333333;
  box-sizing: border-box;
}

.last_one_form-group .custom-select {
  width: 19.8125rem !important;
  height: 2.4375rem;
}

.last_one_form-group .select {
  width: 19.8125rem !important;
  height: 2.4375rem;
}

.last_one_right .last_one_form-group .upload-row {
  position: relative;
  width: 7.5rem;
  height: 7.625rem;
  border: 0.1rem dotted #989a9e;
  padding: 0.01rem;
  box-sizing: content-box;
}

.last_one_right .last_one_form-group .upload-remove {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2.1rem;
  border: none;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  font-size: 0.8rem;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.2s ease;
  z-index: 3;
}

.upload-row.has-preview:hover .upload-remove {
  opacity: 1;
}

.upload-row.has-preview .upload_img {
  background-color: #f7f9f9;
  /* transition: background-color 0.3s ease; */
}

.last_one_right .last_one_form-group .upload-input {
  display: none;
}

.last_one_right .last_one_form-group .upload_img {
  width: 7.5rem;
  height: 7.625rem;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}

.last_one_right .last_one_form-group .upload_img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.last_one_right .last_one_form-group .upload-box p {
  width: 20rem;
  text-align: left;
  color: #d74f4f;
  margin-top: 0.2rem;
}

.hr_boder {
  width: calc(100% + 4rem);
  height: 0.11rem;
  background: #e6ebf3;
  margin: 2rem -2rem;
}

.last_one_form-group .date-picker-container .date-picker {
  width: 19.8125rem !important;
  height: 2.4375rem !important;
}

.last_one_form-group .date-picker-container .date-icon {
  right: 0.5rem;
}

.person_Form .form-group .zhegsgs {
  margin-left: 0rem !important;
}

.person_Form .form-group .upload-files {
  margin-left: -4.1rem !important;
  width: unset !important;
}

.person_Form .form-group .upload-hint {
  width: calc(100% - 4rem) !important;
}

.person_Form .form-group .upload-btn-container {
  margin-left: -4.1rem;
  left: unset !important;
}

.person_Form .form-group .badawei {
  width: 6rem;
  font-family: HarmonyOS Sans SC;
  font-size: 0.875rem;
  color: #333333;
  text-align: right;
}

.person_Form .dibuanls {
  margin-bottom: 1.875rem;
}

.person input:focus {
  border-color: transparent !important;
  background: none !important;
  box-shadow: 0 0 0 1px #2e71d9 !important;
}

/*********************************************************************
* 个人资料 其他信息
*/
.otherMessage .youce {
  margin-bottom: 3.125rem;
}

.otherMessage input:focus {
  border-color: transparent !important;
  background: none !important;
  box-shadow: 0 0 0 1px #2e71d9 !important;
}

.otherMessage_Form .form-content {
  padding: 2rem 0rem 0rem 0.5rem !important;
}

.otherMessage_Form .form-content .dtitle1 {
  font-size: 1.125rem !important;
}

.otherMessage_Form .form-content .last_one {
  margin-left: 0 !important;
}

.otherMessage_Form .otherMessage_Pack {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.otherMessage_form-group .date-picker-container {
  margin-bottom: 0.75rem;
}

.otherMessage_form-group .date-icon {
  right: 0.5rem;
}

.otherMessage_Form .otherMessage_Pack .last_one_form-group img {
  width: 2.125rem;
  height: 2.125rem;
  object-fit: cover;
  cursor: pointer;
}

.otherMessage_Form .otherMessage_Pack .last_one_form-group img:hover {
  transform: scale(0.95);
  transition: all 0.5s;
}

.otherMessage_Pack .form-otherMessage-input {
  color: #2e71d9 !important;
  border: 0.01rem solid #2e71d9 !important;
  background-color: #fff;
}

.otherMessage_Pack .form-common-input {
  width: 17.5625rem !important;
  height: 2.4375rem;
  padding: 0 1rem;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  font-family: HarmonyOS Sans SC;
  font-size: 0.875rem;
  color: #333333;
  box-sizing: border-box;
}

.otherMessage_Pack .form-commons-input {
  width: 54.65rem !important;
  height: 2.4375rem;
  padding: 0 1rem;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  font-family: HarmonyOS Sans SC;
  font-size: 0.875rem;
  color: #333333;
  box-sizing: border-box;
}

.hr_other_boder {
  width: calc(100% + 4rem);
  height: 0.11rem;
  background: #e6ebf3;
  margin: 1rem -2rem 0rem;
}

.otherMessage_Table {
  padding: unset !important;
}

.other_modal {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: none;
}

.other_close_modal {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99999;
}

.other_modal_pack {
  width: 43.75rem;
  height: 52.125rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 99999999;
  background: #ffffff;
  border-radius: 6px;
}

.other_modal_pack .tuanTitle {
  border-bottom: 1px solid #f4f4f4;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.3125rem 2.0625rem 0;
}

.other_modal_pack .tuanTitle .chogbubi {
  font-family: HarmonyOS Sans SC;
  font-weight: bold;
  font-size: 1.225rem;
  color: #2e71d9;
}

.other_modal_pack .tuanTitle .xianhlo {
  background: #2e71d9;
  border-radius: 2px;
  width: 1.875rem;
  height: 0.1875rem;
  margin: 1.3125rem 0 0;
}

.other_modal_form {
  padding: 1.9375rem 3.125rem;
}

.other_form-group {
  margin-bottom: 0.75rem;
}

.other_form-group p {
  margin-bottom: 0.875rem;
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 0.875rem;
  color: #333333;
}

.other_form-group input,
.other_form-group .custom-select,
.other_form-group .custom-select .select-trigger {
  width: 37.5625rem !important;
  height: 2.9375rem !important;
}

.other_form-group .pingyu {
  display: unset !important;
}

.other_form-group .other_remark textarea {
  width: 37.5625rem !important;
  min-width: 37.5625rem !important;
  max-width: 37.5625rem !important;
}

.other_form-group .custom-select .select-options .option a {
  color: inherit;
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
}

.other_form-group .upload-row {
  position: relative;
  width: 7.5rem;
  height: 7.625rem;
  border: 0.1rem dotted #989a9e;
  padding: 0.01rem;
  box-sizing: content-box;
}

.other_form-group .upload-remove {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2.1rem;
  border: none;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  font-size: 0.8rem;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.2s ease;
  z-index: 3;
}

.upload-row.has-preview:hover .upload-remove {
  opacity: 1;
}

.upload-row.has-preview .upload_img {
  background-color: #f7f9f9;
}

.other_form-group .upload-input {
  display: none;
}

.other_form-group .upload_img {
  width: 7.5rem;
  height: 7.625rem;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}

.other_form-group .upload_img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.other_form-group p span {
  color: #d74f4f;
}

/*********************************************************************
* 个人资料 学会任职
*/
.appoint_Form .form-content .last_one {
  margin-left: 0 !important;
}

.appoint_Form .form-content {
  padding: 2rem 0rem 0rem 0.5rem !important;
}

.appoint_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.appoint_header .dtitle1 {
  font-size: 1.125rem !important;
}

.appoint_header span {
  display: inline-block;
  font-size: 0.875rem;
  color: #2e71d9;
  font-weight: 500;
}

.appoint_Pack {
  width: 100%;
  height: auto;
  margin-bottom: 0.625rem;
}

.appoint_Pack .pack_header {
  background: #2e71d9;
  color: #fff;
  padding: 0.875rem 1.5rem;
}

.pack_content {
  border: 1px solid #ccc;
  padding: 1rem 1.5rem;
}

.pack_content .appoint_btn {
  display: inline-block;
  font-family: HarmonyOS Sans SC;
  background: #e6ebf3;
  border-radius: 4px;
  width: auto;
  padding: 0.75rem 1.9375rem;
  font-weight: 500;
  font-size: 0.875rem;
  color: #333333;
}

.pack_content .appoint_other {
  font-weight: 500;
  font-size: 1rem;
  color: #2e71d9;
  margin: 1rem 0;
  font-family: HarmonyOS Sans SC;
}

.appoint_box {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  font-size: 0.875rem;
  padding: 0.75rem 1.9375rem;
  background: #e6ebf3;
  width: auto;
  inline-size: fit-content;
  white-space: nowrap;
  border-radius: 4px;
  margin-bottom: 0.625rem;
}

/*********************************************************************
* 个人资料 会员信息
*/
#memberContent .youce .paperNar {
  position: relative;
  flex-wrap: wrap;
  min-height: 2.4375rem;
  height: auto;
}

.lookInfor_icon {
  height: 2.4375rem;
  background: #ffffff;
  border: 1px solid #2e71d9;
  padding: 0.75rem 0.9375rem;
  font-size: 0.875rem;
  color: #2e71d9;
  margin-left: auto;
  margin-right: 1rem;
  display: flex;
  align-items: center;
  gap: 0.4375rem;
  cursor: pointer;
  opacity: 0.8;
}

.lookInfor_icon:hover {
  opacity: 1;
  transition: all 0.5s;
}

.information_line {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin-bottom: 0.6875rem;
}

.information_line span {
  display: inline-block;
  border-radius: 0.9375rem;
  background: #eff1f4;
  border: 1px solid #cccccc;
  color: #999999;
  font-size: 0.875rem;
  padding: 0.4375rem 1.625rem 0.4375rem 1.5rem;
  cursor: pointer;
  font-weight: 400;
}

.information_line span:hover {
  border: 1px solid #2e71d9;
  color: #2e71d9;
  background: rgba(46, 113, 217, 0.1);
  transition: all 0.3s;
}

.information_active {
  border: 1px solid #2e71d9 !important;
  color: #2e71d9 !important;
  background: rgba(46, 113, 217, 0.1) !important;
  transition: all 0.3s;
}

.information_line_last {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin-bottom: 0.6875rem;
}

.information_line_last span {
  display: inline-block;
  border-radius: 0.9375rem;
  background: rgba(49, 158, 131, 0.1);
  border: 1px solid #319e83;
  color: #319e83;
  font-size: 0.875rem;
  padding: 0.4375rem 1.625rem 0.4375rem 1.5rem;
  cursor: pointer;
  font-weight: 400;
}

.last_one_information_pack {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5.5rem;
}

.information_remark label {
  width: 6rem !important;
}

.information_remark textarea {
  width: calc(100% - 6rem);
  min-width: calc(100% - 6rem) !important;
  max-width: calc(100% - 6rem) !important;
}

.information_last_label label {
  width: 7rem !important;
  margin-left: -1rem;
}

.information_last_label {
  margin-bottom: 0.5625rem !important;
}

.last_one .dtitle1 {
  font-size: 1.125rem !important;
}

.information_remark_p {
  margin-left: 6rem;
  font-weight: 400;
  font-size: 0.875rem;
  color: #ed4646;
}

.modal {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: none;
}

.modal .modal_pack {
  width: 33.5375rem;
  height: 48.525rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 99999999;
}

.modal_box {
  width: 100%;
  height: 100%;
}

.modal_box .modal_img1 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.modal_box .modal_img2 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -87%);
  width: 10rem;
  height: auto;
}

.modal_text {
  position: absolute;
  left: 50%;
  top: 47.2%;
  display: inline-block;
  font-weight: bold;
  font-size: 1.25rem;
  color: #333333;
  width: 7rem;
  height: 5.75rem;
  transform: translate(15%, 129%);
}

.modal_text1 {
  position: absolute;
  right: -1.3125rem;
  bottom: -0.25rem;
  display: inline-block;
  font-weight: bold;
  font-size: 1rem;
  color: #333333;
  width: 8rem;
  height: 1rem;
  transform: translate(-57%, -523%);
}

.modal_text p {
  margin-bottom: 0.5rem;
}

.error_modal {
  width: 2.1875rem;
  height: 2.1875rem;
  margin: 0.75rem auto;
  cursor: pointer;
}

.error_modal img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.5;
}

.error_modal img:hover {
  opacity: 1;
  transition: all 0.5s;
}

/*********************************************************************
* 个人资料 修改记录
*/
.record_Form .form-content .last_one {
  margin-left: 0 !important;
}

.record_Form .form-content {
  padding: 2rem 0rem 0rem 0.5rem !important;
}

.record_header {
  display: flex;
  align-items: center;
  gap: 1.875rem;
}

.record_header .dtitle1 {
  font-size: 1.125rem !important;
}

.record_header span {
  display: inline-block;
  margin-bottom: 1rem;
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 0.875rem;
  color: #666666;
}

.record_table {
  padding: unset !important;
}

.modificationRecord .youce .paper-table tbody tr:nth-child(even) {
  background-color: transparent !important;
}

.guleiLal {
  width: 6.25rem !important;
}

.dzhnds {
  margin-left: -0.3125rem;
}

.youskls {
  margin-top: 3.125rem;
}

.yongyu {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 0.875rem;
  color: #d74f4f;
}

#memberContent .zhenTree {
  width: 100%;
  background: #f5f7fb;
  border: 1px solid #e6ebf3;
  padding: 1.9375rem;
}

/* 树形结构样式 */
#memberContent .zhenTree {
  padding: 1rem;
  background-color: #f9f9f9;
  border-radius: 4px;
  position: relative;
}

#memberContent .tree {
  list-style: none;
  padding-left: 0;
  position: relative;
}

/* 最外层竖线 */
#memberContent .tree::before {
  content: '';
  position: absolute;
  top: 1.5rem;
  bottom: 0.9375rem;
  left: 1rem;
  width: 1px;
  background-color: transparent;
}

#memberContent .tree-item {
  margin: 0.25rem 0;
  position: relative;
}

#memberContent .tree-item::before {
  content: '';
  position: absolute;
  top: 1rem;
  left: 1rem;
  width: 1rem;
  height: 1px;
  /* background-color: #E6EBF3; */
}

/* 为最外层节点添加竖线 */
#memberContent .tree>.tree-item::after {
  content: '';
  position: absolute;
  top: 1rem;
  bottom: -0.5rem;
  left: 1rem;
  width: 1px;
  background-color: #e6ebf3;
}

/* 隐藏最后一个节点的竖线 */
#memberContent .tree>.tree-item:last-child::after {
  display: none;
}

/* 隐藏子节点的竖线 */
#memberContent .tree-children .tree-item::after {
  display: none;
}

/* 只隐藏最外层的最后一个节点的横线 */

/* 保留子节点的横线 */
#memberContent .tree-children .tree-item::before {
  display: block !important;
}

#memberContent .tree-node {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 0.5rem;
  border-radius: 4px;
  transition: background-color 0.2s;
  position: relative;
  z-index: 1;
}

#memberContent .tree-node:hover {
  background-color: #f0f0f0;
}

#memberContent .tree-icon {
  margin-right: 0.5rem;
  width: 1rem;
  height: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
}

#memberContent .tree-icon img {
  width: 1rem;
  height: 1rem;
}

#memberContent .tree-children {
  padding-left: 32px;
  list-style: none;
  position: relative;
}

#memberContent .tree-children::before {
  content: '';
  position: absolute;
  top: -0.625rem;
  bottom: 1rem;
  left: 16px;
  width: 1px;
  background-color: #e6ebf3;
  display: block;
}

#memberContent .tree-children .tree-item::before {
  left: -16px;
  width: 16px;
  display: block !important;
  background-color: #e6ebf3;
}

#memberContent .tree-icon-empty {
  width: 1rem;
  height: 1rem;
  display: inline-block;
}

#memberContent .tree-text {
  font-size: 0.875rem;
  color: #333;
}

#memberContent .tree-children {
  padding-left: 2rem;
  list-style: none;
}

#memberContent .jiazjia {
  margin-left: -1.5rem;
}

#memberContent .youjialsg {
  margin-right: 0.75rem;
}

#memberContent .jaigl {
  margin-left: 0;
}

#memberContent .youcesg {
  margin-top: 0 !important;
  margin-bottom: 1.1875rem !important;
}

#memberContent .youjiage {
  border: 1px solid #e6e6e6;
  position: relative;
  margin-left: 1.6875rem;
  padding: 0.625rem 1.25rem;
  height: 36.5rem;
}

/* #memberContent td{
  min-width: 9.375rem
} */
#memberContent .lunbwenb {
  position: relative;
  left: -0.9375rem;
}

#memberContent .youbeizhu {
  margin-left: 0.3125rem;
}

#memberContent .zhenwenjian {
  padding: 0 1.3125rem;
  margin-top: 1.3125rem;
  display: flex;
  align-items: center;
  font-size: 1rem;
}

#memberContent .zhenwenjian img {
  width: 1.0625rem;
  height: 0.9375rem;
  margin-right: 0.5rem;
}

#memberContent .diansg {
  color: #999;
  display: flex;
}

#memberContent .diansg .arrow {
  margin: 0 0.5rem;
}

#memberContent .diansg .name {
  color: #999;
}

#memberContent .diansg .active {
  color: #2e71d9;
}

#memberContent .jiawen {
  color: #2e71d9;
  margin: 0 0.5rem;
}

#memberContent .zhenbox {
  padding: 0 1.3125rem;
  margin-top: 1rem;
  display: flex;
}

#memberContent .zhenbox .shangcl {
  width: 6.9375rem;
  height: 2.4375rem;
  background: rgba(46, 113, 217, 0.1);
  border: 1px solid #2e71d9;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 0.875rem;
  color: #2e71d9;
  margin-right: 0.6875rem;
  cursor: pointer;
}

#memberContent .zhenbox .shangcl1 {
  width: 6.9375rem;
  height: 2.4375rem;
  background: rgba(214, 10, 37, 0.1);
  border: 1px solid #d60a25;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 0.875rem;
  color: #d60a25;
  cursor: pointer;
}

#memberContent .zhenbox .shangcl .teshudui {
  width: 0.9375rem;
  height: 0.9375rem;
  position: relative;
  top: 0.125rem;
  margin-right: 0.5rem;
}

#memberContent .zhenbox .shangcl1 .teshudui {
  width: 0.9375rem;
  height: 0.9375rem;
  position: relative;
  top: 0.125rem;
  margin-right: 0.5rem;
}

#memberContent .zhenbox .shangcl .icon {
  margin-right: 0.5rem;
}

#memberContent .zhenbox .shangcl.delete {
  border: 1px solid #d60a25;
  color: #d60a25;
  background: rgba(214, 10, 37, 0.1);
}

#memberContent .layui-inline {
  display: flex;
  position: relative;
  margin-left: 0.75rem;
}

#memberContent .layui-input {
  /*width: 15.9375rem;*/
  height: 2.4375rem;
  font-size: 0.875rem;
  color: #333;
}

#memberContent .layui-input::placeholder {
  color: #999;
}

#memberContent .date-icon {
  width: 0.9375rem;
  height: 0.9375rem;
  position: absolute;
  right: 0.6875rem;
  top: 0.8rem;
}

.index_container1 {
  width: 100%;
  margin-top: 2rem;
}

.index_container .index_row {
  width: 75rem;
  margin: 0 auto 1.5rem;
}

.index_row {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 1.25rem;
}

.index_col_8 {
  grid-column: span 8;
  border: 1px solid #e6e6e6;
}

.index_col_4 {
  grid-column: span 4;
  border: 1px solid #e6e6e6;
  width: 100%;
}

.index_module_header {
  display: flex;
  align-items: center;
  padding: 0.875rem 1rem;
  justify-content: space-between;
  background: #f4f4f4;
  position: relative;
}

.index_module_header h3 {
  font-size: 1.25rem;
  font-weight: 500;
}

.index_module_header h3 span {
  color: #2e71d9;
}

.index_module_header .index_more {
  color: #999999;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  column-gap: 0.4rem;
}

.index_module_header .index_more .icon_arrow {
  width: 1rem;
  height: 1rem;
}

.index_titleBg {
  position: absolute;
  left: 0.5625rem;
  top: 0.5625rem;
}

.index_titleLine {
  position: absolute;
  left: 0;
  top: 0;
}

.index_col_8 .index_module_content {
  display: flex;
  padding: 1.25rem;
  column-gap: 1.6rem;
}

.index_col_8 .index_module_content .index_news_img {
  width: 60%;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  display: inline-block;
}

.index_col_8 .index_module_content .index_news_img p {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  padding: 0.875rem 1.125rem;
  color: #fff;
  transition: all 1s;
  font-weight: 400;
  font-size: 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
}

.index_col_8 .index_module_content .index_news_img img {
  width: 100%;
  height: 100%;
  transition: all 1s;
}

.index_col_8 .index_module_content .index_news_list {
  width: 40%;
}

.index_news_list li {
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid #e6e6e6;
  padding-top: 1rem;
}

.index_news_list li a {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 0.2rem;
  box-sizing: border-box;
}

.index_news_list li:first-child {
  padding-top: 0;
}

.index_news_list .index_li {
  width: 100%;
  overflow: hidden;
  padding-bottom: 0.875rem;
}

.index_li_text {
  display: inline-block;
  color: #333333;
  font-size: 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  font-weight: 400;
  width: 100%;
  transition: all 0.5s;
}

.index_li_time {
  color: #999999;
  font-weight: 400;
  font-size: 0.875rem;
  margin-top: 0.5625rem;
  transition: all 0.5s;
}

.index_li_content {
  margin-top: 0.875rem;
  color: #666666;
  font-weight: 400;
  font-size: 0.875rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  word-break: break-all;
  white-space: normal;
  transition: all 0.5s;
}

.index_notice_list {
  width: 100%;
  overflow: hidden;
}

.index_notice_list li a {
  width: 100%;
  padding: 0.875rem 1rem;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  overflow: hidden;
}

.index_notice_list li {
  width: 100%;
  box-sizing: border-box;
}

.index_notice_list .index_notice_line {
  width: 1px;
  height: 30px;
  background: #e6e6e6;
  margin: 0 1rem;
}

.index_notice_list li a span:last-child {
  color: #666666;
  font-size: 0.875rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  word-break: break-all;
  white-space: normal;
  transition: all 0.5s;
}

.index_notice_date {
  font-size: 1.75rem;
  color: #333333;
  text-align: center;
  transition: all 0.5s;
}

.index_notice_date p {
  font-size: 0.75rem;
  color: #666666;
  transition: all 0.5s;
}

.index_notice_list li a:hover {
  background: #2e71d9;
}

.index_notice_list li a:hover .index_notice_date,
.index_notice_list li a:hover .index_notice_date p,
.index_notice_list li a:hover .index_notice_line,
.index_notice_list li a:hover span:last-child {
  color: #fff;
}

.index_notice_list_active {
  background: #2e71d9;
}

.index_notice_list_active .index_notice_date,
.index_notice_list_active .index_notice_date p,
.index_notice_list_active .index_notice_line,
.index_notice_list_active span:last-child {
  color: #fff !important;
}

.index_col_4 .index_news_with_img {
  padding: 1.25rem;
}

.index_col_4 .index_news_img {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  column-gap: 1rem;
  cursor: pointer;
}

.index_col_4 .index_news_img div,
.index_col_4 .index_news_img .news_img_pack {
  flex: 1;
  overflow: hidden;
  border-radius: 4px;
}

.index_col_4 .index_news_img .news_img_pack img {
  width: 100%;
  transition: all 1s;
}

.index_col_4 .index_news_img .index_li_text {
  font-size: 1rem;
  font-weight: 500;
  transition: 0.5s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  font-weight: 400;
  width: 100%;
}

.index_col_4 .index_news_list {
  margin-top: 1.25rem;
}

.index_col_4 .index_news_list li {
  padding-bottom: 1rem;
}

.index_col_4 .index_news_list li,
.index_col_4 .index_news_list li a {
  width: 100%;
  overflow: hidden;
}

.index_col_4 .index_news_list li a span:nth-child(2) {
  display: inline-block;
  color: #333333;
  font-size: 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  font-weight: 400;
  width: 100%;
  transition: all 0.5s;
}

.index_col_4 .index_news_list li a span:last-child {
  color: #999999;
  font-size: 0.875rem;
  font-weight: 400;
  width: 150px;
  text-align: right;
}

.index_col_12 {
  width: 100%;
  grid-column: span 12;
  border: 1px solid #e6e6e6;
}

.index_none_boder {
  border: none;
}

.index_col_12 .index_quick_entry {
  display: flex;
  align-items: center;
  column-gap: 1.25rem;
  justify-content: flex-start;
  box-sizing: border-box;
}

.index_quick_btn {
  flex: 0 1 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  position: relative;
  overflow: hidden;
}

.index_quick_btn img {
  display: block;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

.index_quick_btn::after,
.index_topic_item::after,
.index_feedback_btn::after {
  content: '';
  display: block;
  position: absolute;
  left: -100%;
  top: 0;
  width: 100%;
  height: 100%;
  transform: skewx(-25deg);
  -o-transform: skewx(-25deg);
  -moz-transform: skewx(-25deg);
  -webkit-transform: skewx(-25deg);
  background-image: -webkit-linear-gradient(0deg,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.5),
      rgba(255, 255, 255, 0));
}

.index_quick_btn:hover::after,
.index_topic_item:hover::after,
.index_feedback_btn:hover::after {
  content: '';
  display: block;
  left: 100%;
  transition: 1s;
  -o-transition: 1s;
  -moz-transition: 1s;
  -webkit-transition: 1s;
}

.index_col_12 .index_standard_grid {
  padding: 1.25rem;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

.index_standard_col {
  flex: 1;
  overflow: hidden;
}

.index_col_12 .index_standard_grid .index_hr {
  margin: 0 1.625rem;
  width: 1px;
  background: #e6e6e6;
}

.index_standard_item:first-child {
  padding-top: 0;
}

.index_standard_item {
  display: flex;
  align-items: flex-start;
  padding-bottom: 1.4375rem;
  padding-top: 1.875rem;
  border-bottom: 1px solid #e1e6e9;
  column-gap: 1rem;
  cursor: pointer;
}

.index_standard_item:last-child {
  border: none;
  padding-bottom: 0;
}

.charter_pack_time {
  width: 3.75rem;
  height: 3.4375rem;
  border-radius: 6px;
  border: 1px solid #2e71d9;
}

.charter_pack_time .pack_time_title {
  font-weight: 400;
  font-size: 0.875rem;
  color: #ffffff;
  padding: 0.25rem 0.875rem;
  text-align: center;
  background: #2e71d9;
  transition: all 0.5s;
}

.charter_pack_time .pack_time_footer {
  text-align: center;
  background: #ffffff;
}

.charter_pack_time .pack_time_footer span {
  font-size: 1rem;
  font-weight: 900;
  color: #2e71d9;
}

.index_standard_item:hover .charter_pack_time {
  border: 1px solid #319e83;
}

.index_standard_item:hover .charter_pack_time .pack_time_title {
  background: #319e83;
}

.index_standard_item:hover .charter_pack_time .pack_time_title span {
  color: #fff;
}

.index_standard_item:hover .charter_pack_time .pack_time_footer span {
  color: #319e83;
}

.charter_text p {
  font-weight: 400;
  font-size: 1rem;
  color: #333333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  word-break: break-all;
  white-space: normal;
  transition: all 0.5s;
}

.charter_text span {
  display: inline-block;
  font-weight: 400;
  font-size: 0.875rem;
  color: #666666;
  margin-top: 0.6875rem;
  transition: all 0.5s;
}

.index_module_contents {
  display: flex;
  column-gap: 1.3125rem;
  padding: 1.25rem;
  width: 100%;
  overflow: hidden;
}

.index_sci_news,
.index_sci_img_grid {
  flex: 1;
  overflow: hidden;
}

.index_sci_pack {
  width: 100%;
  overflow: hidden;
  padding-bottom: 1rem;
  border-bottom: 1px solid #e6e6e6;
  cursor: pointer;
}

.index_sci_box {
  display: flex;
  align-items: center;
  column-gap: 0.625rem;
  overflow: hidden;
}

.index_sci_date {
  display: flex;
  align-items: center;
}

.index_sci_date span {
  display: inline-block;
  flex: 1;
  background: #2e71d9;
  color: #fff;
  border-radius: 4px 0px 0px 4px;
  padding: 1px 0.5rem;
}

.index_sci_date span:last-child {
  background: #ffffff;
  border-radius: 0px 4px 4px 0px;
  border: 1px solid #2e71d9;
  color: #2e71d9;
  padding: 0 0.5rem;
}

.index_sci_box .index_sci_wrap {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  word-break: break-all;
  white-space: normal;
  transition: all 0.5s;
  font-weight: 400;
  font-size: 1rem;
}

.index_sci_pack p {
  margin-top: 0.8125rem;
  color: #666666;
  font-size: 0.875rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  word-break: break-all;
  white-space: normal;
  transition: all 0.5s;
}

.index_sci_news .index_news_list {
  margin-top: 1.25rem;
}

.index_sci_news .index_news_list li {
  padding-bottom: 1rem;
}

.index_sci_news .index_news_list li,
.index_sci_news .index_news_list li a {
  width: 100%;
  overflow: hidden;
}

.index_sci_news .index_news_list li a span:nth-child(2) {
  display: inline-block;
  color: #333333;
  font-size: 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  font-weight: 400;
  width: 100%;
  transition: all 0.5s;
}

.index_sci_news .index_news_list li a span:last-child {
  color: #999999;
  font-size: 0.875rem;
  font-weight: 400;
  width: 150px;
  text-align: right;
}

.index_sci_img_grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.625rem;
  cursor: pointer;
  overflow: hidden;
}

.sci_grid_text {
  position: relative;
  overflow: hidden;
  border-radius: 4px;
}

/* 图片 100% 自适应，不拉伸、不溢出 */
.sci_grid_text img {
  width: 100%;
  height: auto;
  /* 高度自适应，保持图片比例 */
  display: block;
  object-fit: cover;
  transition: all 1s;
  border-radius: 4px;
}

.sci_grid_text p {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  padding: 0.275rem 0.525rem;
  color: #fff;
  transition: all 1s;
  font-weight: 400;
  font-size: 0.875rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  margin: 0;
}

.index_topic_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.625rem;
  cursor: pointer;
  overflow: hidden;
  padding: 1.25rem;
}

.index_topic_item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.index_topic_item img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

.index_module_content {
  width: 100%;
}

.index_module_content1 {
  padding: 1.25rem;
  width: 100%;
  box-sizing: border-box;
}

.index_module_content1 a {
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.index_module_content1 img {
  max-width: 100%;
  height: auto;
  display: block;
}

.index_expert_item {
  width: 100%;
  overflow: hidden;
  border: 1px solid #e6e6e6;
  padding-bottom: 6px;
  border-radius: 5px 5px 0 0;
}

.index_expert_item img {
  width: 100%;
  height: auto;
  min-height: 14.125rem;
  max-height: 14.125rem;
  /* border-radius: 4px; */
}

.index_expert_item p {
  text-align: center;
  font-weight: 500;
  font-size: 1rem;
  color: #333333;
}

.index_expert_item small {
  display: block;
  text-align: center;
  font-weight: 400;
  font-size: 0.875rem;
  color: #666666;
  text-align: center;
  width: 100%;
}

.swiper-container1 {
  padding: 0.9375rem 1.25rem !important;
}

.swiper-button-prev2,
.swiper-button-next2 {
  background: url('../img/swiper-btn.png');
  background-repeat: no-repeat;
  background-position: center;
  width: 20px !important;
  height: 56px !important;
  background-size: 100% 100% !important;
  transition: all 0.3s ease;
  opacity: 0.5;
}

.swiper-button-next2 {
  background: url('../img/swiper-btn1.png');
  right: 3px !important;
}

.swiper-button-prev2 {
  left: 3px !important;
}

.swiper-banner {
  width: 100%;
}

.slide-img {
  width: 100% !important;
}

.slide-img img {
  width: 100%;
}

.slide-img-banner {
  height: 360px !important;
}

.slide-img-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.swiper-button-prev1,
.swiper-button-next1 {
  background: url('../img/swiper_icon_l.png');
  background-repeat: no-repeat;
  background-position: center;
  width: 44px !important;
  height: 44px !important;
  background-size: 100% 100% !important;
  left: 100px !important;
  right: auto !important;
  transition: all 0.3s ease;
  opacity: 0.5;
}

.swiper-button-next1 {
  background: url('../img/swiper_icon_r.png');
  right: 100px !important;
  left: auto !important;
}

.swiper-button-prev1:hover,
.swiper-button-next1:hover,
.swiper-button-prev2:hover,
.swiper-button-next2:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  width: 58px !important;
  height: 2px !important;
  background-color: #fff !important;
  opacity: 0.6;
  border-radius: unset !important;
  transition: all 0.3s ease;
}

.swiper-pagination-bullet-active {
  width: 108px;
  height: 2px;
  opacity: 1;
}

.mobile-swiper {
  display: none;
}

.index_news_list li:hover .index_circle,
.index_news_list li:hover .index_li_text,
.index_news_list li:hover .index_li_time,
.index_col_8 .index_module_content .index_news_img:hover p,
.index_col_4 .index_news_img:hover .index_li_text,
.index_col_4 .index_news_img:hover .index_li_time,
.index_col_4 .index_news_list li:hover span,
.index_col_4 .index_news_list li:hover span:nth-child(2),
.index_col_4 .index_news_list li:hover span:last-child,
.index_standard_item:hover .charter_text p,
.index_standard_item:hover .charter_text span,
.index_sci_pack:hover .index_sci_wrap,
.index_sci_pack:hover p,
.index_sci_news .index_news_list li a:hover span,
.index_sci_news .index_news_list li a:hover span:nth-child(2),
.index_sci_news .index_news_list li a:hover span:last-child,
.sci_grid_text:hover p {
  color: #2e71d9;
}

.index_col_4 .index_news_img:hover .index_li_text,
.index_standard_item:hover .charter_text p,
.index_sci_pack:hover .index_sci_wrap {
  text-decoration: underline;
}

.index_col_8 .index_module_content .index_news_img:hover img,
.index_col_4 .index_news_img:hover img,
.sci_grid_text:hover img {
  transform: scale(1.2);
}

@media (max-width: 920px) {
  .index_container .index_row {
    width: 100%;
    padding: 0 20px;
  }

  .sci_grid_text img {
    height: 100%;
  }
}

/* 移动端适配 */
@media (max-width: 750px) {
  .pc-swiper {
    display: none;
  }

  .mobile-swiper {
    display: block;
  }

  #IndexContent .indeBox {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    width: 90%;
    margin-top: 4rem;
    margin-bottom: 3rem;
  }

  #IndexContent .indeBox img {
    width: 100%;
    height: auto;
    margin-right: 0;
  }

  /* 移动端登录 */
  .mobileLogin {
    width: 100%;
    height: 100vh;
    background-image: url(../img/mobBei.png);
    background-size: 100% 100%;
    position: relative;
  }

  .mobileLogin .mobileBox {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .mobileLogin .mobileBox .mobileForm {
    width: 90%;
    height: 25rem;
    background-color: #fff;
    border-radius: 0.625rem;
    padding: 2.5rem 1.25rem;
    box-sizing: border-box;
  }

  .mobileLogin .mobileBox .zhanghu {
    font-size: 1.125rem;
  }

  .mobileLogin .mobileBox .mobileForm input {
    height: 3.8rem;
    width: 100%;
    padding-left: 1.25rem;
    background: #f6f6f6;
    border-radius: 0.25rem;
    border: 1px solid #f6f6f6;
    margin-bottom: 1.25rem;
    margin-top: 1rem;
    font-size: 1.125rem;
  }

  .mobileLogin .mobileBox .mobileForm input::placeholder {
    color: #999;
    font-size: 1.125rem;
  }

  .mobileLogin .mobileBox .denglul {
    width: 100%;
    height: 3.8rem;
    background: #2e71d9;
    border-radius: 1.875rem;
    margin-top: 1.875rem;
    font-size: 1.125rem;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .mobileLogin .mobileBox .mobileForm input:focus {
    border: 1px solid #2e71d9;
    background: #fff;
  }

  /* 移动端会员中心样式 */
  .mobile-header {
    background-color: #fff;
    color: #333;
    padding: 0 1.25rem;
    height: 4rem;
    display: flex;
    align-items: center;
    position: relative;
  }

  .back-btn {
    font-size: 1.25rem;
    width: 1rem;
    margin-right: 1rem;
  }

  .back-btn img {
    width: 0.8rem;
  }

  .page-title {
    flex: 1;
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
    margin-left: -1.25rem;
  }

  .mobile-header>div:last-child {
    width: 1rem;
  }

  .member-card {
    padding: 1.5rem 1.25rem;
    /* 渐变色 */
    background: linear-gradient(180deg, #e3eefe 0%, #f6f7f7 40%);
    min-height: calc(100vh - 4rem);
  }

  .memberTitleTou {
    width: 100%;
    height: 8.125rem;
    background: #2e71d9;
    border-radius: 1.25rem;
    border: 1px solid #2e71d9;
  }

  .memberTitleTou {
    display: flex;
    align-items: center;
  }

  .memberTitleTou img {
    width: 6.25rem;
    height: 6.25rem;
    margin-left: 1.8125rem;
  }

  .memberTitleTou span {
    color: #fff;
    font-size: 1.4rem;
    margin-left: 1.25rem;
  }

  .xianbiao:before {
    content: '';
    display: block;
    width: 0.3rem;
    height: 1.3rem;
    background: #2e71d9;
    border-radius: 0.1875rem;
  }

  .xianbiao {
    font-size: 1.25rem;
    color: #2e71d9;
    display: flex;
    align-items: center;
    margin-top: 1.25rem;
  }

  .xianbiao span {
    margin-left: 0.9rem;
  }

  .mobileName {
    padding: 1.3rem;
    background-color: #fff;
    border-radius: 0.625rem;
    margin-top: 1.0625rem;
    display: flex;
    justify-content: space-between;
    font-size: 1.3rem;
  }

  .mobileName .teslsg {
    color: #999;
  }

  .mobileName img {
    width: 0.7rem;
    margin-left: 0.5rem;
  }

  .chakanl {
    width: 100%;
    height: 3.8rem;
    background: #2e71d9;
    border-radius: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.3rem;
    color: #fff;
    margin-top: 3rem;
    cursor: pointer;
  }

  .chakanl1 {
    width: 100%;
    height: 3.8rem;
    background: #fff;
    border: 1px solid #cccccc;
    border-radius: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.3rem;
    color: #333;
    margin-top: 1.5rem;
    cursor: pointer;
  }

  .tianForm {
    background-color: #fff;
    padding: 0 1.25rem;
    border-radius: 0.8rem;
    padding-bottom: 0.8rem;
  }

  .tianForm .form-inputs {
    width: 100%;
    height: 3.8rem;
    padding: 0 0.9rem;
    border-radius: 0.25rem;
    border: 1px solid #f6f6f6;
    margin-bottom: 1rem;
    font-size: 1.125rem;
    background-color: #e6e6e6;
    margin-top: 0.5rem;
  }

  .tianForm .form-inputs:focus {
    border: 1px solid #2e71d9;
    background: #fff;
  }

  .tianForm label {
    font-size: 1.125rem;
  }

  .xingbie {
    display: flex;
    align-items: center;
  }

  .tianForm .sex {
    font-size: 1.125rem;
    margin-left: 0.5rem;
  }

  /* 你的原有样式 */
  .tianForm .layui-input-block {
    margin-left: 0 !important;
  }

  .tianForm .selects {
    width: 100% !important;
    height: 3.8rem;
    margin-top: 0.5rem;
    border: 1px solid #f6f6f6;
    background-color: #e6e6e6;
    margin-bottom: 1rem;
    font-size: 1.125rem;
    padding: 0 1.25rem;
    color: #999;
  }

  .tianForm .selects:focus {
    border: 1px solid #2e71d9;
    background: #fff;
  }

  /* -------- 核心修复：直接覆盖 layui 全局样式，不再依赖 .tianForm -------- */
  /* 1. 下拉框容器 100% 宽度 */
  .layui-form-select {
    width: 100% !important;
  }

  .mezhengshu {
    width: 100%;
    height: 60rem;
    background-image: url(../img/mobileZheng.png);
    background-size: 100% 100%;
  }

  .xinzheng {
    display: flex;
    justify-content: center;
    padding-top: 19.75rem;
  }

  .zhenxingming {
    font-size: 1.675rem;
    color: #333;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 1.5625rem;
  }

  .zhenxingming-item {
    margin-bottom: 1.25rem;
    min-width: 200px;
  }

  .jiajujian {
    margin-left: 3.4rem;
  }

  .ditis {
    position: absolute;
    right: 5.125rem;
    font-size: 1.25rem;
    margin-top: 3.75rem;
  }

  .layui-form-item {
    margin-bottom: 0 !important;
  }

  .ditis-item1 {
    margin-top: 0.7rem;
  }

  .ditis img {
    margin-top: -7.625rem;
    margin-left: 3.75rem;
  }

  .member-card .layui-form-select .layui-input {
    height: 3.8rem;
    background-color: #e6e6e6;
    margin-bottom: 1.25rem;
    margin-top: 0.75rem;
    font-size: 1.125rem;
    border: none;
  }
}

@media (max-width: 475px) {
  .index_col_8 .index_module_content {
    flex-wrap: wrap;
  }

  .index_col_8 .index_module_content .index_news_img,
  .index_col_8 .index_module_content .index_news_list {
    width: 100%;
  }

  .index_col_8 .index_module_content .index_news_img {
    margin-bottom: 10px;
  }

  .index_col_8,
  .index_col_4 {
    grid-column: span 12;
  }

  .index_news_list li {
    padding-top: 1rem;
  }

  .index_news_list .index_li,
  .index_sci_news .index_news_list li {
    padding-bottom: 0.5rem;
  }

  .index_row .index_sci_news .index_news_list li {
    padding-bottom: 1rem;
  }

  .index_col_8 .index_module_content,
  .index_col_12 .index_standard_grid,
  .index_col_4 .index_news_with_img {
    padding: 1rem;
  }

  .index_titleLine {
    transform: scale(0.6);
    left: -30px;
    top: -2px;
  }

  .index_module_contents {
    column-gap: 0.5rem;
  }

  .sci_grid_text img {
    height: 100%;
  }

  .swiper-button-prev1,
  .swiper-button-next1 {
    transform: scale(0.5);
  }

  .swiper-button-next1 {
    right: 0 !important;
  }

  .swiper-button-prev1 {
    left: 0 !important;
  }

  .slide-img-banner {
    height: 187px !important;
  }

  .index_standard_item:first-child {
    padding-top: 0.5rem;
  }

  .index_standard_item {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .index_col_12 .index_quick_entry {
    width: 100%;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between;
  }

  .index_quick_btn {
    width: 48%;
  }

  .index_hr {
    display: none;
  }

  .index_col_12 .index_standard_grid {
    display: block;
  }

  .index_module_contents {
    flex-wrap: wrap;
  }

  .index_sci_news,
  .index_sci_img_grid {
    width: 100%;
    flex: unset;
  }

  .index_sci_news {
    margin-bottom: 1rem;
  }

  .index_news_list li a {
    /* align-items: center; */
  }

  .index_topic_grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .index_topic_item img {
    width: 100%;
  }
}