/* 后台模块化版本补充样式：保留PC风格，同时优化手机访问 */
.br6-led{
    height:56px;
    line-height:56px;
    margin-bottom:15px;
    overflow:hidden;
    background:#fff;
    border-top:1px solid #e6e6e6;
    border-bottom:1px solid #e6e6e6;
    color:red;
    font-size:16px;
    font-weight:bold;
}
.br6-led .led-icon{
    display:inline-block;
    width:34px;
    text-align:center;
    color:#2386ea;
}
.br6-led marquee{
    width:calc(100% - 40px);
    vertical-align:top;
}

/* 让没有JS时banner也显示 */
.focus-banner li{
    background-size:cover;
}

/* 桌面微调，避免二维码区域被压缩 */
.xy-lottery .lot-right .ewm a{
    display:inline-block;
}
.xy-lottery .logo img{
    max-width:100%;
    max-height:110px;
}
.xy-lottery .lot-right .ewm img{
    max-width:150px;
    max-height:130px;
}

/* 手机适配 */
@media (max-width: 768px){
    html,body{
        min-width:0!important;
        width:100%;
        overflow-x:hidden;
        background:#f2f2f2;
    }
    .xy-layout{
        width:100%!important;
        padding-left:10px;
        padding-right:10px;
        box-sizing:border-box;
    }
    .xy-header{
        height:70px!important;
        background-size:auto 70px!important;
    }
    .xy-logo{
        margin-top:15px!important;
        margin-left:5px;
    }
    .xy-logo img{
        max-width:170px;
        height:auto;
    }
    .xy-banner,
    .focus-slide,
    .focus-banner,
    .focus-banner li{
        height:150px!important;
    }
    .xy-banner{
        margin-bottom:10px!important;
    }
    .xy-advantage{
        height:auto!important;
        overflow:visible!important;
    }
    .xy-advantage dt,
    .xy-advantage dd{
        float:none!important;
        width:100%!important;
        height:auto!important;
        min-height:90px;
        padding:14px!important;
        box-sizing:border-box;
        border-right:0!important;
        border-bottom:1px solid #e8e8ea;
    }
    .xy-advantage dt{
        min-height:110px;
    }
    .xy-advantage .xyw{
        margin-top:10px!important;
    }
    .xy-advantage h3{
        margin-top:0!important;
        margin-bottom:6px!important;
        height:auto!important;
        line-height:32px!important;
    }
    .br6-led{
        height:42px;
        line-height:42px;
        font-size:14px;
        margin-bottom:10px;
    }
    .xy-block{
        margin-bottom:12px!important;
    }
    .xy-lottery{
        height:auto!important;
        overflow:visible!important;
    }
    .xy-lottery .col-sub,
    .xy-lottery .col-main{
        float:none!important;
        width:100%!important;
        height:auto!important;
        padding-left:14px!important;
        padding-right:14px!important;
        box-sizing:border-box;
    }
    .xy-lottery .col-sub{
        padding-top:1px!important;
        padding-bottom:14px!important;
    }
    .xy-lottery .rec{
        left:15px!important;
    }
    .xy-lottery .logo{
        height:auto!important;
        margin-top:48px!important;
        text-align:center;
    }
    .xy-lottery .logo img{
        width:100%;
        height:auto;
        max-height:160px;
        object-fit:contain;
    }
    .xy-lottery .auth{
        margin-top:12px!important;
    }
    .xy-lottery .auth span{
        font-size:12px;
    }
    .xy-lottery .btn-visit{
        height:44px!important;
        line-height:44px!important;
        margin-top:10px!important;
    }
    .xy-lottery .labels{
        position:static!important;
        height:auto!important;
        overflow:visible!important;
        text-align:right;
        padding-top:8px;
    }
    .xy-lottery .labels i{
        float:none!important;
        display:inline-block;
    }
    .xy-lottery .notice{
        height:auto!important;
        min-height:34px;
        padding-right:0!important;
        margin-top:4px;
    }
    .xy-lottery .notice .notice-con{
        height:auto!important;
        line-height:24px!important;
        white-space:normal!important;
    }
    .xy-lottery .notice .marquee{
        white-space:normal!important;
    }
    .lot-wr,
    .lot-wr .lot-left,
    .lot-wr .lot-right{
        float:none!important;
        width:100%!important;
        height:auto!important;
        border-right:0!important;
    }
    .xy-lottery .lot-name,
    .xy-lottery .lot-intr{
        height:auto!important;
        min-height:0!important;
        margin-top:10px!important;
        padding-bottom:10px;
    }
    .xy-lottery .name{
        height:auto!important;
        line-height:1.35!important;
        font-size:21px!important;
        padding-top:8px!important;
        overflow:visible!important;
    }
    .xy-lottery .lot-name .web{
        line-height:26px;
        word-break:break-all;
    }
    .xy-lottery .act{
        position:static!important;
        margin-top:10px;
        display:grid;
        grid-template-columns:1fr 1fr 1fr;
        gap:8px;
    }
    .xy-lottery .act a{
        position:static!important;
        display:block!important;
        width:auto!important;
        height:36px!important;
        line-height:36px!important;
        margin:0!important;
        text-align:center!important;
        background-color:#2386ea;
        color:#fff!important;
        border-radius:5px;
        background-image:none!important;
    }
    .xy-lottery .lot-intr .name{
        float:none!important;
        width:auto!important;
        height:auto!important;
        border-right:0!important;
        text-align:left!important;
        padding:8px 0!important;
        font-size:18px!important;
    }
    .xy-lottery .lot-intr .web{
        padding-left:0!important;
        margin-right:0!important;
        line-height:24px;
    }
    .other{
        height:auto!important;
        overflow:visible!important;
    }
    .xy-lottery .other .level,
    .xy-lottery .other .email{
        float:none!important;
        display:block!important;
        width:auto!important;
        line-height:26px;
    }
    .lot-wr .lot-right{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:10px;
        padding-top:12px;
    }
    .lot-wr .lot-right .ewm{
        height:auto!important;
        line-height:normal!important;
        text-align:center;
    }
    .lot-wr .lot-right span{
        display:block!important;
        width:auto!important;
        padding:0!important;
        margin-bottom:6px;
    }
    .lot-wr .lot-right .ewm img{
        width:130px!important;
        height:130px!important;
        object-fit:contain;
    }
    .xy-footer{
        padding-bottom:20px!important;
    }
    .xy-service{
        height:auto!important;
        overflow:visible!important;
    }
    .xy-service li{
        float:none!important;
        width:100%!important;
        padding:8px 0;
        border-bottom:1px solid #eee;
    }
    .copyright{
        height:auto!important;
        line-height:24px!important;
        text-align:center;
        padding:10px 0;
    }
    .copyright .fl{
        float:none!important;
        margin-bottom:6px;
    }
    .xy-toolbar{
        display:none!important;
    }
    .im_main{
        display:none!important;
    }
}

@media (max-width: 420px){
    .xy-lottery .act{
        grid-template-columns:1fr;
    }
    .lot-wr .lot-right{
        grid-template-columns:1fr;
    }
}

/* 模块顶部红色公告滚动修复 */
.xy-lottery .notice .notice-con{
    overflow:hidden;
}
.xy-lottery .notice .module-marquee{
    display:block;
    width:100%;
    height:100%;
    line-height:34px;
    color:red;
    font-weight:bold;
    white-space:nowrap;
}
@media (max-width: 768px){
    .xy-lottery .notice .module-marquee{
        line-height:28px;
        white-space:nowrap!important;
    }
}


/* 强制模块顶部公告字体为红色 */
.xy-lottery .notice .notice-con .module-marquee,
.xy-lottery .notice .notice-con .module-marquee *,
.xy-lottery .notice marquee.module-marquee{
    color:red!important;
    font-weight:bold!important;
}