[v-cloak]{
    display: none!important;
}
*{
    margin: 0;
    padding: 0;
}
ul, ol, li {
    list-style: none; /* 移除列表的默认项目符号 */
}
img{
    max-width: 100%; /* 确保图片不会超出其容器 */
    height: auto; /* 保持图片的宽高比 */
}
a {
    text-decoration: none; /* 移除链接的下划线 */
    color: inherit; /* 继承父元素的文本颜色 */
}

input, button, textarea, select {
    font: inherit; /* 字体样式继承父元素 */
}
/* 滚动条 */
/* 修改垂直滚动条 */
::-webkit-scrollbar {
    width: 5px; /* 滚动条宽度 */
    height: 5px;
}

::-webkit-scrollbar-track {
    background-color: transparent; /* 滚动条轨道背景色 */
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.2); /* 滚动条拖动块颜色 */
    border-radius: 5px; /* 拖动块圆角 */
}

/* 输入框 */
.el-input {
    /* width: 2.4rem; */
    --el-input-border-color: rgba(255,255,255,.15);
    /* --el-input-hover-border: rgba(255,255,255,.15);
    --el-input-focus-border-color: rgba(255,255,255,.8); */
}
.el-input .el-input__wrapper{
    background: transparent;
}
.el-input .el-input__inner{
    height: .32rem;
    line-height: .32rem;
    background: transparent;
}
.el-input.is-disabled .el-input__wrapper{
    background: transparent;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.20) inset;
}
.el-pagination  button:disabled,.el-pager li,.el-input::-webkit-scrollbar-corner,.el-pagination .btn-next, .el-pagination .btn-prev,.el-pagination__editor.el-input .el-input__inner{
    background: transparent!important;
    color: #747474!important;
}

/*个人中心分页*/
.el-table--border::after, .el-table--group::after, .el-table::before{
    border-color: rgba(229,299,299,.2)!important;
}
.pagination .el-pager li{
    color: #555!important;
}
.pagination .el-pager .active{
    color: #02BBDE!important;
}
.el-pagination__total{
    color: #555!important;
}
.el-pagination__editor.el-input .el-input__inner{
    border-radius: .15rem;
    border: 1px solid #DCDCDC;
}
.pagination {
    display: flex;
    justify-content: right;
    padding-right: .3rem;
    margin-top: .15rem;
}
.pagination .el-pager li {
    color: #555555;
    min-width: .25rem;
}

.pagination .el-pager .active {
    color: #00AEED;
}
/*表格样式*/
.el-table__row{
    height: .44rem!important;
    background: transparent!important;
}
.el-table__cell{
    padding: 0!important;
    height: .44rem!important;
    line-height: .44rem!important;
    border-color: #fff!important;
    font-size: .14rem!important;
    color: #555555!important;
    background: #fff!important;
}
.el-table__expanded-cell{
    padding: 0!important;
    height: .44rem!important;
    line-height: .44rem!important;
    border-color: #E5E5E5!important;
    font-size: .14rem!important;
    color: #fff!important;
    background: #1C2935!important;
}
.table_header{
    height: .44rem!important;
    line-height: .44rem!important;
    font-size: .14rem!important;
    font-weight: bold!important;
    color: #38648A!important;
    background: #F0F7FA!important;
    padding: 0!important;
    border-color: rgba(229,299,299,.2)!important;
}
.el-table .el-table__row:hover {
    background-color:  #fff!important;
}
.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
    background-color:  #ffff!important;
}
.el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf{
    border-color: #E5E5E5!important;
}
.el-upload-dragger{
    width: 2.36rem;
    height: 1.48rem;
    background: transparent;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.el-upload__text{
    color: #fff!important;
}
.el-date-editor .el-range-input{
    background: transparent;
    color: #222222;
}
.v-note-wrapper .v-note-panel .v-note-edit.divarea-wrapper.scroll-style::-webkit-scrollbar-track{
    background-color: #fff;
}

.el-input.is-disabled .el-input__inner{
    background: #fff;
    border-color: rgba(0,0,0,.18);
    color: #757575;
}
/*  抽屉 */
.el-drawer{
    background: #232C37;
}
.el-drawer__header{
    height: .6rem;
    padding: 0 0 0 .4rem;
    margin-bottom: .24rem;
}
.el-drawer__title{
    font-size: .16rem;
    color: #ffffff;
}
.drawer-footer{
    border-top: 1px solid rgba(255,255,255,.06);
    width: 100%;
    height: .6rem;
    display: flex;
    align-items: center;
    justify-content: right;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 9999;
    background: #232C37;
}
.el-drawer .el-drawer__title::before {
    content: '';
    display: inline-block;
    width: .02rem;
    height: .16rem;
    background: #3490EC;
    margin-right: .08rem;
    vertical-align: middle;
    border-radius: 1px;
}
.drawer-footer .el-button{
    width: .65rem;
    height: .32rem;
    border-radius: .02rem;
    color: #fff;
    box-sizing: border-box;
    background: #3E4656;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
}
.drawer-footer .el-button:last-child{
    border: none;
    background: #3490EC;
    color: #fff;
    margin-right: .24rem;
}