.banner {
    background-size: auto;
}

.banner .banner-text-title {
    width: 500px;
}

.banner .banner-text-content {
    width: 500px;
    font-size: 24px;
}

.deposit_title {
    font-size: 48px;
    padding-top: 194px;
    color: var(--dark-indigo);
    text-align: center;
}

.deposit_space {
    margin: 16px auto 24px;
    background-color: var(--pink);
    height: 1px;
    width: 80px;
}

.deposit_des {
    font-size: 16px;
    padding-top: 8px;
    text-align: center;
}



.search-container {
    position: relative;
    padding: 64px 0;
  }
  
  #search-input {
    padding-left: 56px; /* 给输入框右侧预留放大镜图标的空间 */
    padding-top: 12px;
    padding-bottom: 12px;
    border-radius: 4px;
    border: solid 1px #d5d9e0;
    background-color: #fff;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: var(--steel);
    width: 100%;
  }
  
  .search-icon {
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+Nl/lm77moIcvMl/lip/og73nsbsv5Z+656GAL+aQnOe0oiAyPC90aXRsZT4KICAgIDxnIGlkPSIyMDIzLjA4IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iMjMuMDgtQ29udHJhY3QtU3BlY2lmaWNhdGlvbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwOTQuMDAwMDAwLCAtMTI2OS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDc4LjAwMDAwMCwgMTI1Ny4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSI2X+Wbvuaghy8yX+WKn+iDveexuy/ln7rnoYAv5pCc57SiIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNi4wMDAwMDAsIDEyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaLlpIfku70iIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMC41LDIgQzE1LjE5NDQsMiAxOSw1LjgwNTYgMTksMTAuNSBDMTksMTIuNTc3MjMwNyAxOC4yNTQ4NjkzLDE0LjQ4MDQzNTggMTcuMDE3MzE2OSwxNS45NTY5MDYyIEwyMS4zODM4ODAxLDIwLjMyMzIxOTkgTDIwLjMyMzIxOTksMjEuMzgzODgwMSBMMTUuOTU2OTA2MiwxNy4wMTczMTY5IEMxNC40ODA0MzU4LDE4LjI1NDg2OTMgMTIuNTc3MjMwNywxOSAxMC41LDE5IEM1LjgwNTYsMTkgMiwxNS4xOTQ0IDIsMTAuNSBDMiw1LjgwNTYgNS44MDU2LDIgMTAuNSwyIFogTTEwLjUsMy41IEM2LjYzNDAyNzEyLDMuNSAzLjUsNi42MzQwMjcxMiAzLjUsMTAuNSBDMy41LDE0LjM2NTk3MjkgNi42MzQwMjcxMiwxNy41IDEwLjUsMTcuNSBDMTQuMzY1OTcyOSwxNy41IDE3LjUsMTQuMzY1OTcyOSAxNy41LDEwLjUgQzE3LjUsNi42MzQwMjcxMiAxNC4zNjU5NzI5LDMuNSAxMC41LDMuNSBaIiBpZD0i5b2i54q257uT5ZCIIiBmaWxsPSIjNEE1NDZEIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg=="); /* 替换为实际的放大镜图标路径 */
    background-color: transparent;
    background-size: cover;
    cursor: pointer;

  }


.deposit_table {}

.tab-container {


    border-bottom: 1px solid #e6e8eb;
}

.tab_title {
    width: 480px;
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
}
.tab_title a{
   font-weight: bold;
}

.tab-container a {
    font-size: 20px;
    color: #4a546d;
    position: relative;
    display: block;
    padding: 18px 0;

}

.tab-container a.active {

    color: #d9214d;
}

.tab-container a.active:after {
    display: block;
    width: 64px;
    height: 4px;
    content: '';
    background-color: var(--lipstick);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    animation: all .3s;
}


table {


    border-spacing: 0;
    font-family: SegoeUI;

}

table.bordered {
    border: solid #d5d9e0 1px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    margin-bottom: 12px;
    margin-top: 40px;
    /* -webkit-box-shadow: 0 1px 1px #d5d9e0;
    -moz-box-shadow: 0 1px 1px #d5d9e0;
    box-shadow: 0 1px 1px #d5d9e0; */
}


table.bordered th {
    text-align: center;
    background-color: #f0f5f9;
    font-size: 16px;
    padding: 18px 24px;
    border-left: 1px solid #d5d9e0;

    line-height: 1.5;
    letter-spacing: normal;
    color: var(--dark-indigo);
}
table.bordered th:nth-child(1) {

    border-left: 0px;
    width: 554px;


}
table.bordered th:nth-child(2) {
    width: 188px;
}
table.bordered th:nth-child(3) {
    width: 170px;
}
table.bordered th:nth-child(4) {
    width: 175px;
}
table.bordered th:nth-child(5) {
    width: 176px;
}

table.bordered td{
    padding: 24px;
    border-left: 1px solid #d5d9e0;
    border-top: 1px solid #d5d9e0;
    font-size: 16px;
    
    vertical-align: top;
    letter-spacing: normal;
    font-weight: normal;
  font-stretch: normal;
  font-style: normal;

}
table.bordered td:nth-child(1){
    width: 204px;
    border-left: 0px;

}
table.bordered td:nth-child(2){
    font-weight: bold;
    width: 348px;

}
table.bordered tr:nth-child(even){
    background-color: #f9fafb;

}
table.bordered td a{

    padding: 8px 20px;
    border-radius: 4px;
    font-size: 16px;
    background-color: var(--lipstick);
    font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #fefefe;
 

}
table.bordered td p{

    font-size: 12px;
    font-weight: normal;
    padding: 8px 0;
    font-family: SegoeUI;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #4a546d;
}
table.bordered img{
    max-width: 100%;
}
.bottom_tips{
    font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #4a546d;
  margin-top: 24px;
  margin-bottom: 160px;
}

@media only screen and (max-width: 1024px){
    table.bordered td:nth-child(1) img{
        max-width: 110px;
    }
    
    .banner .banner-text-title{
        width: 100%;
        font-size: 24px;
    }
    .banner .banner-text-content{
        font-size: 12px;
        max-width: 100%;
    }
    .deposit_title{
        padding-top: 80px;
        font-size: 24px;
    }
    .search-container{
        padding: 40px 0;
    }
    .tab_title{
        width: 100%;
        justify-content: center;
    }
    .tab-container a{
        padding: 18px 32px;
        font-size: 16px;
        line-height: 1.5;
    }
    .tab_content{
        overflow-x: scroll;
    }
    .bottom_tips{
        margin-bottom: 80px;
    }
    
}