html, body {
    padding: 0;
    margin: 0;
  }
  
  a {
    text-decoration: none;
    color: #333;
  }
  
  a:hover {
    color: var(--theme-main-color);
  }
  
  * {
    outline: none;
  }
  
  :root {
    --theme-main-color: rgb(88, 200, 71);
    --body-bgColor: #fff;
    --menu-bgColor: #fff;
    --body-color: #0f0f0f;
    --card-content-bgColor: #f2f2f2;
    --el-color-primary: #58c847 !important;
    --el-color-primary-light-9: #fff !important;
    --my--activity-color: rgba(35, 122, 228, 1);
    --el-color-primary-light-5: #58c847 !important;
    --header-font-size: 16px; /* Replace with actual value */
    --header-font-menu-size: 14px; /* Replace with actual value */
    --header-font-space-size: 12px; /* Replace with actual value */
    --page-padding: 20px; /* Replace with actual value */
    --carc-padding: 10px; /* Replace with actual value */
  }
  
  .main-margin {
    margin-left: var(--page-padding);
    margin-right: var(--page-padding);
    box-sizing: border-box;
  }
  
  .el-col {
    margin-bottom: var(--carc-padding);
  }
  
  .el-drawer__header {
    color: #000 !important;
    font-weight: bold;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 25px !important;
    margin-bottom: 0 !important;
  }
  
  .el-breadcrumb {
    font-size: var(--header-font-menu-size) !important;
  }
  
  .header-fixed .el-dropdown-link {
    color: rgba(255, 255, 255, 0.8) !important;
  }
  
  .header-fixed .activity {
    color: #fff !important;
  }
  
  .header-fixed .el-dropdown-link:hover {
    color: #fff !important;
  }
  
  .el-carousel__arrow {
    transition: all 0.3s;
    background: rgba(0, 0, 0, 0.3) !important;
    font-size: 22px !important;
  }
  
  .el-carousel__arrow:hover {
    background: var(--theme-main-color) !important;
  }
  
  .flexVC {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .flexVL {
    display: flex;
    align-items: center;
  }
  
  .flexVR {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  
  .header {
    background: linear-gradient(180deg, rgba(5, 25, 0, 0.3), rgba(154, 154, 154, 0.05) 100%);
    width: 100%;
    position: absolute;
    z-index: 9;
  }
  
  .header .top1 {
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 20px 60px;
  }
  
  .header .top1 .top1-left {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    font-size: var(--header-font-size);
  }
  
  .header .top1 .top1-left span:nth-child(2) {
    font-size: var(--header-font-space-size);
  }
  
  .header .top1 .top1-right {
    border: 1px solid var(--theme-main-color);
    height: 32px;
    display: flex;
    border-radius: 4px;
    padding: 0 15px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.1);
  }
  
  .header .top1 .top1-right .loginRef {
    gap: 10px;
    font-size: var(--header-font-size);
  }
  
  .header .top1 .top1-right .loginRef span {
    font-size: var(--header-font-space-size);
    color: rgba(255, 255, 255, 0.6);
  }
  
  .header .top1 .top1-right .loginRef .button {
    cursor: pointer;
    color: #fff;
    letter-spacing: 2px;
  }
  
  .header .top1 .top1-right .loginRef .button:hover {
    color: var(--theme-main-color);
  }
  
  .header .top2 {
    height: 100%;
    box-sizing: border-box;
    align-content: center;
    display: flex;
    padding: 10px 60px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    color: #fff;
  }
  
  .header .top2 .top2-left {
    width: 35%;
    height: 100%;
  }
  
  .header .top2 .top2-left .logo {
    width: 90%;
  }
  
  .header .top2 .top2-menu {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 50px;
  }
  
  .header .top2 .top2-menu .el-dropdown-link {
    letter-spacing: 3px;
    color: #fff;
    font-size: var(--header-font-menu-size);
    display: flex;
    align-items: flex-end;
  }
  
  .header .top2 .top2-menu .el-dropdown-link:hover {
    color: var(--theme-main-color);
    cursor: pointer;
  }
  
  tr th .cell {
    color: #333;
    font-weight: bold;
  }
  
  .cell {
    text-align: center;
  }
  
  .phoneHeader {
    display: none;
    width: 100%;
    font-size: 25px;
    color: #fff;
    align-items: center;
    padding: 15px;
    box-sizing: border-box;
    justify-content: space-between;
  }
  
  .phoneHeader img {
    width: 200px;
  }
  
  .menus-phone-items {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  
  .Btitle {
    font-weight: bold;
  }
  
  .Blick {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  
  .Blick a {
    display: flex;
    align-items: center;
    gap: 20px;
    color: #333333 !important;
  }
  
  .el-overlay {
    z-index: 2222 !important;
    position: relative;
  }
  
  .item-children-content {
    display: flex;
    gap: 20px;
  }
  
  .item-children-box {
    transition: all 0.3s;
    padding: 15px 0;
    width: 180px;
    height: 195px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }
  
  .item-children-box img {
    width: 150px;
    border-radius: 2px;
  }
  
  .item-children-box:hover {
    transform: scale(1.1);
  }
  
  .top2-menu .el-dropdown-link {
    transition: all 0.3s;
    padding: 10px 0;
    display: flex;
    align-items: flex-end;
    position: relative;
  }
  
  .top2-menu .el-dropdown-link:hover .item-children {
    display: block;
  }
  
  .top2-menu .el-dropdown-link.activity {
    transform: scale(1.1);
    color: var(--theme-main-color);
    font-weight: 500;
  }
  
  .top2-menu .el-dropdown-link.activity .line {
    display: block;
  }
  
  .el-dropdown-menu__item {
    background: #fff !important;
    color: #000 !important;
  }
  
  .el-dropdown-menu__item .item-children-box:hover {
    color: var(--theme-main-color);
  }
  .el-button--primary{
    background:var(--el-color-primary) !important;
    color: #fff !important;
  }
  .ListCard-main-right-pro{

    display: -webkit-box;
    -webkit-line-clamp: 4; /* 设定显示的行数 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }