/*
 * 蓝叶热门列表插件
 * time: 2022.04.13
 * by lanyes.org 蓝叶
 */
.lanyelist-clear{clear:both}
.lanyelist-wrap{
    width:100%;
    margin:10px auto;
    padding:14px 16px 10px;
    box-sizing:border-box;
    border:1px solid #edf1f6;
    border-radius:20px;
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
    box-shadow:0 16px 38px rgba(16,34,64,.08);
}
.lanyelist-wrap .lanyelist-title{
    border-bottom:0;
    height:auto;
    margin-bottom:10px;
}
.lanyelist-title ul{
    list-style:none;
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:6px;
    margin:0;
    border-radius:999px;
    background:#f3f6fb;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.lanyelist-title ul li{
    list-style:none;
    float:none;
    margin:0;
    padding:8px 14px;
    border-radius:999px;
    font-size:13px;
    font-weight:700;
    line-height:1.2;
    color:#5c6675;
    cursor:pointer;
    transition:all .2s ease;
}
.lanyelist-title ul li.sep{
    display:none;
}
.lanyelist-title ul li.curr{
    color:#fff;
    background:linear-gradient(135deg,#ff8a3d 0%,#ff5f45 100%);
    box-shadow:0 10px 24px rgba(255,95,69,.24);
}
.lanyelist-title ul li:hover{
    color:#243041;
}
.lanyelist-title ul li.curr:hover{
    color:#fff;
}
.lanyelist-wrap .lanyelist-ul{}
.lanyelist-ul ul{
    display:none;
    margin:0;
    padding:0;
    counter-reset:nums;
}
.lanyelist-ul ul:nth-child(1){display:block}
.lanyelist-ul ul:after{content:"";display:block;clear:both}
.lanyelist-ul ul li{
    display:flex;
    align-items:center;
    float:left;
    width:31.3%;
    margin-right:3.05%;
    margin-bottom:8px;
    padding:8px 12px;
    list-style:none;
    border:1px solid #edf1f6;
    border-radius:16px;
    background:#fff;
    box-sizing:border-box;
    line-height:1.25;
    counter-increment:nums;
    position:relative;
    min-height:0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.lanyelist-ul ul li:hover{
    transform:translateY(-1px);
    border-color:#ffd0be;
    box-shadow:0 12px 24px rgba(255,107,61,.08);
}
.lanyelist-ul ul li:nth-child(3n){
    margin-right:0;
}
.lanyelist-ul ul li:before{
    content:counter(nums);
    width:24px;
    height:24px;
    position:absolute;
    left:16px;
    top:50%;
    transform:translateY(-50%);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#ff8a3d 0%,#ff5f45 100%);
    color:#fff;
    text-align:center;
    line-height:1;
    border-radius:50%;
    font-weight:700;
    font-size:12px;
    box-shadow:0 6px 14px rgba(255,95,69,.2);
}
.lanyelist-ul ul li span.time{
    display:none;
}
.lanyelist-ul ul li a{
    display:block;
    padding-left:34px;
    font-size:14px;
    font-weight:700;
    color:#243041;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    word-break:normal;
}
.lanyelist-ul ul li a:hover{color:#ff6b3d}
@media screen and (max-width:1100px){
    .lanyelist-ul ul li{
        width:48.2%;
        margin-right:3.6%;
    }
    .lanyelist-ul ul li:nth-child(3n){margin-right:3.6%;}
    .lanyelist-ul ul li:nth-child(2n){margin-right:0;}
}
@media screen and (max-width:900px){
    .lanyelist-wrap{
        width:calc(100% - 20px);
        margin:10px;
        padding:14px 14px 10px;
        border-radius:16px;
    }
    .lanyelist-title ul{
        width:100%;
        gap:6px;
    }
    .lanyelist-title ul li{
        flex:1 1 0;
        min-width:0;
        padding:8px 6px;
        font-size:12px;
        text-align:center;
    }
    .lanyelist-ul ul{
        padding:0;
    }
    .lanyelist-ul ul li{
        width:100%;
        margin-right:0 !important;
        margin-bottom:6px;
        padding:8px 12px;
        min-height:0;
    }
    .lanyelist-ul ul li a{
        font-size:13px;
        line-height:1.25;
    }
}