/* 云鼎网 手机版独立门户 V2 */
#ydMobileApp{display:none}

@media(max-width:650px){
  html,body{
    margin:0!important;
    padding:0!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    background:#f5f6f8!important;
  }
  *{box-sizing:border-box!important}

  /* 隐藏原桌面品牌头与桌面导航 */
  .v20-topline,
  .v20-brand,
  .v20-nav{
    display:none!important;
  }

  #ydMobileApp{
    display:block!important;
    width:100%!important;
    background:#f5f6f8;
    position:relative;
    z-index:100;
  }

  .ydm-head{
    height:54px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 14px;
    background:linear-gradient(135deg,#e82436,#c91125);
    color:#fff;
  }
  .ydm-brand{
    font-size:24px;
    font-weight:900;
    letter-spacing:1px;
  }
  .ydm-brand-sub{
    font-size:10px;
    opacity:.85;
    margin-left:7px;
  }
  .ydm-head-right{
    font-size:12px;
    opacity:.95;
  }

  .ydm-tabs{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    height:42px;
    background:#fff;
    border-bottom:1px solid #eceef1;
  }
  .ydm-tabs a{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:0;
    color:#333;
    font-size:13px;
    text-decoration:none;
    position:relative;
  }
  .ydm-tabs a:first-child{
    color:#e82436;
    font-weight:800;
  }
  .ydm-tabs a:first-child:after{
    content:"";
    position:absolute;
    left:28%;
    right:28%;
    bottom:0;
    height:2px;
    border-radius:2px;
    background:#e82436;
  }

  .ydm-banner-slot{
    width:100%;
    background:#fff;
    overflow:hidden;
  }
  .ydm-banner-slot .v2052-focus-slider,
  .ydm-banner-slot .v2052-focus-slide{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    margin:0!important;
    border-radius:0!important;
  }
  .ydm-banner-slot .v2052-focus-slide img{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    object-fit:contain!important;
    display:block!important;
  }
  .ydm-banner-slot .v2052-focus-caption{
    position:relative!important;
    width:100%!important;
    bottom:auto!important;
    left:auto!important;
    right:auto!important;
    padding:8px 12px!important;
    background:#fff!important;
    color:#222!important;
    font-size:13px!important;
  }

  .ydm-notice{
    min-height:38px;
    display:flex;
    align-items:center;
    gap:8px;
    padding:0 12px;
    background:#fff;
    border-top:1px solid #f0f1f3;
    border-bottom:1px solid #eceef1;
    overflow:hidden;
  }
  .ydm-notice-badge{
    flex:0 0 auto;
    color:#e82436;
    font-size:12px;
    font-weight:900;
  }
  .ydm-notice-text{
    flex:1;
    min-width:0;
    font-size:12px;
    color:#555;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .ydm-notice-arrow{
    color:#a8adb4;
    font-size:16px;
  }

  .ydm-quick{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:0;
    padding:14px 6px 12px;
    margin-top:8px;
    background:#fff;
    border-top:1px solid #f0f1f3;
    border-bottom:1px solid #eceef1;
  }
  .ydm-quick a{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:6px;
    color:#333;
    font-size:11px;
    text-decoration:none;
    min-width:0;
  }
  .ydm-quick-icon{
    width:43px;
    height:43px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:18px;
    font-weight:900;
    box-shadow:0 3px 10px rgba(0,0,0,.10);
  }
  .ydm-quick a:nth-child(1) .ydm-quick-icon{background:linear-gradient(145deg,#ff5c61,#dc2333)}
  .ydm-quick a:nth-child(2) .ydm-quick-icon{background:linear-gradient(145deg,#ffae45,#ed7921)}
  .ydm-quick a:nth-child(3) .ydm-quick-icon{background:linear-gradient(145deg,#4db3f7,#2879d7)}
  .ydm-quick a:nth-child(4) .ydm-quick-icon{background:linear-gradient(145deg,#8c73ef,#6244c5)}
  .ydm-quick a:nth-child(5) .ydm-quick-icon{background:linear-gradient(145deg,#38cb89,#15955c)}

  .ydm-section-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:43px;
    padding:0 12px;
    margin-top:8px;
    background:#fff;
    border-bottom:1px solid #eceef1;
  }
  .ydm-section-title strong{
    font-size:15px;
    color:#222;
  }
  .ydm-section-title span{
    font-size:11px;
    color:#9aa0a8;
  }

  .ydm-lottery-slot,
  .ydm-content-slot{
    width:100%;
    background:#fff;
  }

  /* 把原彩票入口改成手机紧凑布局 */
  .ydm-lottery-slot .home-lottery-side{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(4,1fr)!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    margin:0!important;
  }
  .ydm-lottery-slot .home-lottery-title{
    display:none!important;
  }
  .ydm-lottery-slot .home-lottery-side>a{
    min-width:0!important;
    min-height:76px!important;
    padding:9px 2px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    border-right:1px solid #f0f1f3!important;
    border-bottom:1px solid #f0f1f3!important;
    background:#fff!important;
  }
  .ydm-lottery-slot .home-game-icon{
    width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
    border-radius:50%!important;
  }
  .ydm-lottery-slot .home-lottery-side strong{
    font-size:11px!important;
  }
  .ydm-lottery-slot .home-lottery-side small{
    display:none!important;
  }

  /* 原首页主区改为真正单列 */
  .v20-page{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0 0 68px!important;
    background:#f5f6f8!important;
    box-shadow:none!important;
  }
  .v20-container{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:0 7px 10px!important;
  }
  .v20-hero-grid{
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
    margin:8px 0 0!important;
  }
  .v20-hero-grid>*{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  /* 已经搬到顶部的元素，原位不重复 */
  .v20-hero-grid>.home-lottery-side,
  .v20-hero-grid .v2052-focus-slider{
    margin:0!important;
  }

  .v20-panel,
  #caibao,#focus,#awards,#analysis,#materials,#featured{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    border:1px solid #eceef1!important;
    border-radius:7px!important;
    background:#fff!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }

  .v20-panel-title{
    min-height:42px!important;
    padding:0 11px!important;
    background:#fff!important;
    border-bottom:1px solid #eceef1!important;
  }

  .v20-page img{
    max-width:100%!important;
    height:auto!important;
    object-fit:contain!important;
  }

  .v20-lottery-bar,
  .v210-tools-bar{
    display:none!important;
  }

  /* 底部APP条 */
  .ydm-appbar{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:99998;
    height:58px;
    display:flex;
    align-items:center;
    padding:7px 10px;
    background:rgba(255,255,255,.97);
    border-top:1px solid #e5e7ea;
    box-shadow:0 -3px 12px rgba(0,0,0,.06);
  }
  .ydm-app-logo{
    width:39px;
    height:39px;
    border-radius:9px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(145deg,#ef3449,#c90e22);
    color:#fff;
    font-size:17px;
    font-weight:900;
    margin-right:9px;
  }
  .ydm-app-info{
    flex:1;
    min-width:0;
  }
  .ydm-app-info strong{
    display:block;
    font-size:13px;
    color:#222;
  }
  .ydm-app-info span{
    display:block;
    margin-top:2px;
    font-size:10px;
    color:#8e949c;
  }
  .ydm-app-btn{
    flex:0 0 auto;
    min-width:76px;
    height:34px;
    border-radius:17px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 13px;
    background:#e82436;
    color:#fff!important;
    font-size:12px;
    font-weight:800;
    text-decoration:none!important;
  }

  #customerServiceFloat{
    right:8px!important;
    bottom:70px!important;
    z-index:99999!important;
  }
}


/* V3: winning ticket slot, never show an empty grey/red banner */
#ydBannerSlot:empty{display:none!important}
#ydBannerSlot[style*="display: none"]{display:none!important}
.ydm-banner-slot{padding:0!important;background:transparent!important;min-height:0!important;height:auto!important}
.ydm-banner-slot .yd-ticket-panel{margin:0!important;border:0!important;border-radius:0!important}
.ydm-banner-slot .yd-ticket-head{display:flex!important}
.ydm-banner-slot .yd-ticket-stage{width:100%!important;height:auto!important;aspect-ratio:4/3!important}
.ydm-banner-slot .yd-ticket-slide img{width:100%!important;height:100%!important;object-fit:contain!important}