body {
    margin: 0;
    padding: 0;
    min-width: 1200px;
    overflow-x: hidden;
}

#app {
    font-size: 8px !important;
    overflow-y: hidden;
}

[v-cloak] {
    display: none;
}


.el-table__body-wrapper::-webkit-scrollbar {
    width: 15px !important;
    height: 15px !important;
}

.title {
    text-align: center;
}

.form {
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
    padding-left: 15px;
}

.form .marl {
    margin-left: 10px;
}

/* */
.form-mobile {
    display: flex;
    flex-direction: column;
}

.form-mobile .marll {
    margin-left: 10px;
}

.form-mobile .flex {
    flex: 1;
    margin-bottom: 10px;
}

.spice {
    border-top: 1px solid #ebeef5;
    margin-top: 8px;
    padding-top: 8px;
}
.home_team{
    color: #ee0a24;
}
.away_team{
    color: #FF7000
}

.color {
    color: #ee0a24;
}

.el-table .cell {
    padding: 0 !important;
}

.el-table thead.is-group th.el-table__cell {
    cursor: pointer;
}

.el-button {
    display: inline !important;
    box-shadow: none !important;
}

.el-button>span {
    color: #ffffff !important;
    display: inline !important;
}

.danBox {
    position: relative;
}

.danBox .dan {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 22px;
    background-color: #FF6000;
    color: #ffffff;
    border-radius: 50px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.button {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}

.pagination {
    margin: 15px 0;
    display: flex;
    justify-content: center;
}

.two-line-ellipsis {
    display: -webkit-box; /* 使用 WebKit 的弹性盒子模型 */
    -webkit-box-orient: vertical; /* 设置为垂直排列 */
    -webkit-line-clamp: 2; /* 限制显示两行 */
    overflow: hidden; /* 隐藏超出内容 */
    text-overflow: ellipsis; /* 使用省略号表示溢出部分 */
}


/* 弹窗 */
.el-dialog {
    background-color: #f8f5f5 !important;
}

.list .list-item .data {
    background-color: #ffffff;
    margin-top: 10px;
    border-radius: 5px;
    position: relative;
}

.list .list-item .data .back {
    padding: 15px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #fdfcfc;
}

.displayNone {
    border-bottom: none !important;
}

.list .list-item .data .name {
    font-size: 14px;
    color: black;
    width: 230px; /* 限制容器宽度 */
    display: -webkit-box; /* 使用 WebKit 的弹性盒子模型 */
    -webkit-box-orient: vertical; /* 设置为垂直排列 */
    -webkit-line-clamp: 1; /* 限制显示两行 */
    overflow: hidden; /* 隐藏超出内容 */
    text-overflow: ellipsis; /* 使用省略号表示溢出部分 */
}

.list .list-item .data .item-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(30deg);
    right: 50px;
    opacity: 0.7;
}

.span-one {
    color: #ee0a24;
}

.span-two {
    color: #000000
}

.span-three {
    color: #FF7000
}

.span-four {
    color: #0472ed
}

.el-scrollbar__bar.is-horizontal {
    height: 10px !important;
    border-radius: 0 !important;
}
.el-scrollbar__bar.is-vertical {
    width: 10px !important;
    border-radius: 0 !important;
}
.el-scrollbar__thumb {
    background-color: #132742 !important;
    opacity: 1 !important;
}

.switchBg {
    background-color: #ee0a24;
    color: #ffffff;
}