/* =========================================================
   基础样式
========================================================= */
#yellow-ten-ad-0805,
#yellow-ten-ad-0805 *,
#yellow-ten-ad-0805 *::before,
#yellow-ten-ad-0805 *::after{
    box-sizing:border-box !important;
}
#yellow-ten-ad-0805{
    width:100% !important;
    margin:0 auto !important;
    padding:5px !important;
    overflow:hidden !important;
    font-family:
        Arial, Microsoft YaHei, sans-serif !important
}
#yellow-ten-ad-0805 a{
    color:inherit !important;
    text-decoration:none !important;
}
/* =========================================================
   广告列表
========================================================= */
#yellow-ten-ad-0805 .ys-ad-list{
    display:flex !important;
    flex-direction:column !important;
    gap:9px !important;
    width:100% !important;
}
/* =========================================================
   黄色广告主体
========================================================= */
#yellow-ten-ad-0805 .ys-ad-card{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    width:100% !important;
    min-height:82px !important;
    padding:8px 12px 8px 8px !important;
    overflow:hidden !important;
    border:2px solid #e4a100 !important;
    border-radius:10px !important;
    background:
        radial-gradient(
            circle at 12% 0%,
            rgba(255,255,255,.82),
            transparent 32%
        ),
        linear-gradient(
            135deg,
            #fff873 0%,
            #ffdd25 48%,
            #ffb600 100%
        ) !important;
    box-shadow:
        0 4px 12px rgba(173,112,0,.28),
        inset 0 1px 0 rgba(255,255,255,.90) !important;
    transition:
        transform .25s ease,
        box-shadow .25s ease,
        filter .25s ease !important;
}
/* 左侧黄色装饰竖条 */
#yellow-ten-ad-0805 .ys-ad-card::before{
    content:"" !important;
    position:absolute !important;
    top:9px !important;
    bottom:9px !important;
    left:0 !important;
    width:5px !important;
    border-radius:0 5px 5px 0 !important;
    background:linear-gradient(
        180deg,
        #ff7400,
        #d93700
    ) !important;
}
/* 光影效果 */
#yellow-ten-ad-0805 .ys-ad-card::after{
    content:"" !important;
    position:absolute !important;
    top:-70px !important;
    left:-80px !important;
    width:60px !important;
    height:220px !important;
    opacity:.26 !important;
    transform:rotate(28deg) !important;
    background:rgba(255,255,255,.95) !important;
    transition:left .55s ease !important;
    pointer-events:none !important;
}
#yellow-ten-ad-0805 .ys-ad-card:hover{
    transform:translateY(-2px) !important;
    filter:saturate(1.08) !important;
    box-shadow:
        0 7px 17px rgba(173,112,0,.38),
        inset 0 1px 0 rgba(255,255,255,.95) !important;
}
#yellow-ten-ad-0805 .ys-ad-card:hover::after{
    left:110% !important;
}
/* =========================================================
   左侧图片
========================================================= */
#yellow-ten-ad-0805 .ys-ad-logo-box{
    position:relative !important;
    z-index:2 !important;
    flex:0 0 62px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:62px !important;
    height:62px !important;
    margin-right:10px !important;
    overflow:hidden !important;
    border:2px solid rgba(139,78,0,.25) !important;
    border-radius:50% !important;
    background:rgba(255,255,255,.78) !important;
    box-shadow:
        0 2px 7px rgba(118,65,0,.20),
        inset 0 0 10px rgba(255,198,0,.18) !important;
}
#yellow-ten-ad-0805 .ys-ad-logo{
    display:block !important;
    width:52px !important;
    height:52px !important;
    padding:3px !important;
    object-fit:contain !important;
    border:0 !important;
}
/* =========================================================
   中间文字
========================================================= */
#yellow-ten-ad-0805 .ys-ad-info{
    position:relative !important;
    z-index:2 !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    padding-right:8px !important;
}
#yellow-ten-ad-0805 .ys-ad-top{
    display:block !important;
    margin-bottom:1px !important;
    overflow:hidden !important;
    white-space:nowrap !important;
    text-overflow:ellipsis !important;
    font-size:14px !important;
    line-height:19px !important;
    font-weight:800 !important;
    color:#9c3200 !important;
}
#yellow-ten-ad-0805 .ys-ad-title{
    display:block !important;
    overflow:hidden !important;
    white-space:nowrap !important;
    text-overflow:ellipsis !important;
    font-size:21px !important;
    line-height:27px !important;
    font-weight:950 !important;
    color:#432000 !important;
    text-shadow:
        0 1px 0 rgba(255,255,255,.85) !important;
}
#yellow-ten-ad-0805 .ys-ad-subtitle{
    display:block !important;
    overflow:hidden !important;
    white-space:nowrap !important;
    text-overflow:ellipsis !important;
    font-size:16px !important;
    line-height:22px !important;
    font-weight:800 !important;
    color:#793400 !important;
}
/* =========================================================
   右侧按钮
========================================================= */
#yellow-ten-ad-0805 .ys-ad-button{
    position:relative !important;
    z-index:2 !important;
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:108px !important;
    height:39px !important;
    padding:0 13px !important;
    border:3px solid #cbe5ff !important;
    border-radius:30px !important;
    background:
        linear-gradient(
            180deg,
            #2c8eff 0%,
            #0060df 100%
        ) !important;
    color:#fff !important;
    font-size:16px !important;
    line-height:1 !important;
    font-weight:900 !important;
    letter-spacing:1px !important;
    box-shadow:
        0 3px 7px rgba(0,71,167,.30),
        inset 0 1px 0 rgba(255,255,255,.32) !important;
}
#yellow-ten-ad-0805 .ys-ad-arrow{
    display:inline-block !important;
    margin-right:5px !important;
    font-size:22px !important;
    line-height:1 !important;
    transition:transform .25s ease !important;
}
#yellow-ten-ad-0805 .ys-ad-card:hover .ys-ad-arrow{
    transform:translateX(4px) !important;
}
/* =========================================================
   每条广告左侧竖条颜色
========================================================= */
#yellow-ten-ad-0805 .ys-ad-card:nth-child(2)::before{
    background:linear-gradient(180deg,#ff9800,#e65100) !important;
}
#yellow-ten-ad-0805 .ys-ad-card:nth-child(3)::before{
    background:linear-gradient(180deg,#ff5722,#c62828) !important;
}
#yellow-ten-ad-0805 .ys-ad-card:nth-child(4)::before{
    background:linear-gradient(180deg,#ff8f00,#ef6c00) !important;
}
#yellow-ten-ad-0805 .ys-ad-card:nth-child(5)::before{
    background:linear-gradient(180deg,#e53935,#a90000) !important;
}
#yellow-ten-ad-0805 .ys-ad-card:nth-child(6)::before{
    background:linear-gradient(180deg,#ff6f00,#d84315) !important;
}
#yellow-ten-ad-0805 .ys-ad-card:nth-child(7)::before{
    background:linear-gradient(180deg,#f4511e,#b71c1c) !important;
}
#yellow-ten-ad-0805 .ys-ad-card:nth-child(8)::before{
    background:linear-gradient(180deg,#ff9800,#bf360c) !important;
}
#yellow-ten-ad-0805 .ys-ad-card:nth-child(9)::before{
    background:linear-gradient(180deg,#ff7043,#d50000) !important;
}
#yellow-ten-ad-0805 .ys-ad-card:nth-child(10)::before{
    background:linear-gradient(180deg,#ffa000,#e65100) !important;
}
/* =========================================================
   手机端适配
========================================================= */
@media (max-width:520px){
    #yellow-ten-ad-0805{
        padding:4px !important;
    }
    #yellow-ten-ad-0805 .ys-ad-list{
        gap:7px !important;
    }
    #yellow-ten-ad-0805 .ys-ad-card{
        min-height:76px !important;
        padding:7px 7px 7px 8px !important;
        border-radius:8px !important;
    }
    #yellow-ten-ad-0805 .ys-ad-logo-box{
        flex-basis:54px !important;
        width:54px !important;
        height:54px !important;
        margin-right:7px !important;
    }
    #yellow-ten-ad-0805 .ys-ad-logo{
        width:47px !important;
        height:47px !important;
    }
    #yellow-ten-ad-0805 .ys-ad-top{
        font-size:12px !important;
        line-height:17px !important;
    }
    #yellow-ten-ad-0805 .ys-ad-title{
        font-size:18px !important;
        line-height:24px !important;
    }
    #yellow-ten-ad-0805 .ys-ad-subtitle{
        font-size:14px !important;
        line-height:19px !important;
    }
    #yellow-ten-ad-0805 .ys-ad-button{
        min-width:84px !important;
        height:34px !important;
        padding:0 8px !important;
        border-width:2px !important;
        font-size:14px !important;
        letter-spacing:0 !important;
    }
    #yellow-ten-ad-0805 .ys-ad-arrow{
        margin-right:3px !important;
        font-size:18px !important;
    }
}
/* =========================================================
   小屏幕适配
========================================================= */
@media (max-width:390px){
    #yellow-ten-ad-0805 .ys-ad-card{
        min-height:70px !important;
    }
    #yellow-ten-ad-0805 .ys-ad-logo-box{
        flex-basis:48px !important;
        width:48px !important;
        height:48px !important;
        margin-right:6px !important;
    }
    #yellow-ten-ad-0805 .ys-ad-logo{
        width:42px !important;
        height:42px !important;
    }
    #yellow-ten-ad-0805 .ys-ad-title{
        font-size:16px !important;
        line-height:22px !important;
    }
    #yellow-ten-ad-0805 .ys-ad-subtitle{
        font-size:12px !important;
        line-height:18px !important;
    }
    #yellow-ten-ad-0805 .ys-ad-button{
        min-width:70px !important;
        height:32px !important;
        padding:0 5px !important;
        font-size:12px !important;
    }
    #yellow-ten-ad-0805 .ys-ad-arrow{
        font-size:16px !important;
    }
}