/* <!-- 原生写法 myel-cascader --> */

/* Element UI 风格样式 */
.myel-cascader {
    position: relative;
    width: 200px;
    height: 30px;
    font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB,
        Microsoft YaHei, Arial, sans-serif;

    @media (max-width: 768px) {
        position: unset;
    }

}

/* 触发输入框 */
.myel-cascader__label {
    display: flex;
    align-items: center;
    height: 30px;
    /* padding: 10px 32px 10px 15px; */
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s;
    position: relative;
    background: #fff;
}

.myel-cascader__label input {
    border: none !important;
    background: transparent;
    width: calc(100% - 30px);
    padding-right: 10px;
    height: 26px;
    padding: 0;
    /* 去除内边距 */
    outline: none;
    /* 移除聚焦轮廓 */
    padding: 1px 5px;
}

.myel-cascader__label input:focus {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}

.myel-cascader__label:hover {
    border-color: #c0c4cc;
}

/* 下拉箭头 */
.myel-cascader__arrow {
    width: 30px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s;
    color: #909399;
}

/* 下拉面板 */
.myel-cascader__panel {
    position: absolute;
    margin-top: 8px;
    border: 1px solid #e4e7ed;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    background: #fff;
    z-index: 2000;
    display: none;
    max-height: 400px;
    overflow: hidden;

    @media (max-width: 768px) {
        position: absolute;
        left: 0;
        box-sizing: border-box;
    }

}

/* 级联菜单 */
.myel-cascader-menu {
    width: 240px;
    height: 300px;
    border-right: 1px solid #e4e7ed;
    overflow-y: auto;
    display: inline-block;
    vertical-align: top;

    @media (max-width: 768px) {
        width: 50vw !important;
        min-width: 50vw !important;
        box-sizing: border-box;
    }
}

/* 菜单项 */
.myel-cascader-node {
    position: relative;
    padding: 3px 15px;
    font-size: 12px;
    cursor: pointer;
    transition: background 0.2s;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    /* 修改为从左开始排列 */
}

/* 新增内容容器 */
.myel-cascader-node__content {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 0;
    /* 允许文字截断 */
}

/* 调整箭头位置 */
.myel-cascader-node__postfix {
    margin-left: auto;
    /* 将箭头推到最右侧 */
    padding-left: 20px;
    /* 增加右边距 */
}

.myel-cascader-node:hover {
    background: #F5F7FA;
}

.myel-cascader-node.is-active {
    color: #409eff;
    font-weight: 700;
    background: #f5f7fa;
}

.myel-cascader-node.row-active {
    background: #ecf5ff;
    color: #409eff;
}

/* 下级箭头 */
.myel-cascader-node__postfix {
    color: #c0c4cc;
    margin-left: 10px;
}

/* 新增单选按钮样式 */
.myel-cascader-node__radio {
    display: inline-block;
    width: 11px;
    height: 11px;
    border: 1px solid #dcdfe6;
    border-radius: 50%;
    margin-right: 8px;
    position: relative;
    flex-shrink: 0;
    /* 新增防止收缩属性 */
}


.myel-cascader-node__radio.checked::after {
    content: "";
    position: absolute;
    left: 2px;
    top: 2px;
    width: 5px;
    height: 5px;
    background: #409eff;
    border-radius: 50%;
}





#mobile .layui-tab .layui-tab-title li {
    padding: 0 !important
}

.layui-laypage-prev {
    border-radius: 6px 0 0 6px !important;
}

.layui-laypage-next {
    border-radius: 0 6px 6px 0 !important;
}

#mobile .statusTdtd:before {
    content: "";
    display: inline-block;
    width: 5px;
    /* 左边框的宽度 */
    height: 100%;
    /* 左边框的高度 */
    background-color: #000;
    /* 左边框的颜色 */
    margin-right: 5px;
    /* 左边框与内容的间距 */
}



#mobile td {
    border-top: none !important;
    border-bottom: none !important;
}

#mobile .layui-unselect {
    display: none;
}

#mobile .el-cascader {
    width: calc(100% - 100px);
}

#mobile li.layui-this {
    background-color: #fff !important;
    color: #fff !important;
}

#mobile .layui-laydate-main {
    width: 100% !important;
}

#mobile .layui-laydate-content td,
#mobile .layui-laydate-content th {
    width: 200px !important;
}

/* 自定义样式 */
#mobile .layui-laydate {
    width: 100%;
    /* 使日期选择器宽度与屏幕宽度相同 */
    height: 400px;
    /* 使日期选择器高度与屏幕高度相同 */
    position: fixed;
    /* 固定定位 */
    bottom: 0;
    /* 从底部弹出 */
    left: 0 !important;
    top: 140px !important;
    background-color: #fff;
    /* 背景颜色 */
    border-radius: 10px 10px 0 0;
    /* 圆角边框，顶部圆角 */
    padding: 15px;
    /* 内边距 */

    box-sizing: border-box;
    /* 确保内边距不影响整体尺寸 */
    z-index: 999999;
    /* 确保日期选择器位于最上层 */
}

#mobile .layui-laydate-header {
    background-color: #f8f8f8;
    /* 更改头部背景颜色 */
    width: 100%;
}

/* 遮罩层，用于点击外部关闭日期选择器 */
#mobile .layui-laydate.layui-show+#mobile .overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9998;
}

#mobile .el-table table {
    /* border-radius: 6px;
            box-shadowww: #888888 0px 0px 5px 0px; */
}

/* 自定义样式 */
#mobile .layui-laydate {
    width: 100% !important;
    left: 0px !important;

}

#mobile .layui-laydate-content td,
#mobile .layui-laydate-content th {
    /* width: 10% !important; */
}




.clickedItem {
    background-color: #f2f4f7 !important;
}


table td {
    border-bottom: none !important;
    padding: 0 !important;
    vertical-align: middle !important;
}

table td:hover {
    color: none !important;
    background-color: transparent !important;
}

.table td {
    border: none !important;
    padding: 8px 0 !important;
}

::placeholder {
    font-size: 14px;
    /* 设置 placeholder 的字体大小 */
}

/* gecko css */
table {
    /* --th-text-color: var(--GC-COLOR--TEXT);
            --th-bg: var(--GC-COLOR--APP--LIGHTGRAY); */
    --th-border: none;
    /* --td-text-color: var(--GC-COLOR--TEXT--LIGHT);
            --td-text-color--hover: var(--GC-COLOR--TEXT--LIGHT);
            --td-bg: transparent;
            --td-bg--hover: var(--GC-COLOR--APP--LIGHTGRAY);
            --td-border: var(--DIVIDER--LIGHT);
            width: 100%;
            margin-bottom: var(--PADD--MD);
            font-size: 100% */
}


.layui-tab-title {
    border-bottom: none !important;
}

/* 针对Firefox浏览器 */
scrollbar-hidden {
    scrollbar-width: none;
    /* Firefox */
}

/* 针对IE浏览器 */
scrollbar-hidden {
    -ms-overflow-style: none;
    /* IE 10+ */
}

/* 针对Chrome和Safari浏览器 */
scrollbar-hidden::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari */
}

/* 通用样式，确保内容可滚动 */
scrollbar-hidden {
    overflow-x: hidden;
    /* 隐藏水平滚动条 */
    overflow-y: auto;
    /* 垂直滚动条可用 */
}

/* 隐藏滚动条，启用滚动 */
.scrollable {
    overflow: scroll;
    /* 或者 overflow: auto */
}

/* 针对 WebKit 浏览器隐藏滚动条 */
.scrollable::-webkit-scrollbar {
    display: none;
}


#app {
    width: 100%;
    background: #eef1f5;
    padding: 0 10px;
    border-radius: 6px;
    padding-bottom: 1px;
}


#pc .el-table table {
    border-radius: 6px;
    /* box-shadowww: #888888 0px 0px 5px 0px; */
}



.activeLeagueTab {
    background-color: #F3AC7B !important;
    color: #fff !important;
    border: 1px solid #F3AC7B !important;
}

a {
    color: #333 !important;
    text-decoration: none !important;
}

a:focus,
a:hover {
    color: #557192 !important;
    text-decoration: underline !important;
}

a:focus {
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px !important;
}

.home_name:hover,
.away_name:hover {
    text-decoration: underline;
}

.linkBox:hover {
    /* cursor: pointer; */
    /* text-decoration: underline; */
    /* background-color: #f2f4f7; */
}

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

a:hover {
    color: #557192 !important;
    text-decoration: underline !important;
}

.el-table {
    border-radius: 6px;
}

.el-table__row {
    cursor: pointer;
}

.el-table__row:hover {
    cursor: pointer;
    background-color: #f2f4f7;
}

.layui-tab {
    margin: 0 !important;
}

.layui-tab-brief>.layui-tab-title .layui-this {
    color: #FFA872 !important;
}

.layui-tab-brief>.layui-tab-title .layui-this a {
    color: #FFA872 !important;
}

.layui-tab-brief>.layui-tab-title .layui-this:after {
    border-bottom: 3px solid #FFA872 !important;
}

.full-width {
    max-width: 100% !important;
}

.smallFont {
    font-size: 12px;
    /* transform: scale(0.83333); */
    transform-origin: 0 0;
}

#app .el-table .el-table__cell {
    padding: 0 !important;
}

#app .el-date-editor {
    width: 155px;
}

#app .el-date-editor input {
    text-align: center;
    height: 40px;
}

#app p {
    margin: 0;
}

#app .nowrap {
    text-align: left;
    white-space: nowrap;
}

#app .nowrap td {
    padding: 5px;
}

#app .nowrap td p {
    margin: 0;
}

#app p.time {
    margin: 0;
    font-size: 14px;
    color: #333;
}

#app span.score {
    color: #a0ce4e;
    font-size: 16px;
    font-weight: bold;
}

#app span.halfscore {
    color: #969696;
    font-size: 14px;
}

#app .teamIcon {
    width: 25px;
    height: 25px;
    margin-right: 5px;
}