
:root {

    /* 主要阴影颜色，透明度为0.1 */
    --main-shadow: rgba(0,0,0,0.1);
    /* 主要背景颜色 */
    --main-bg-color: #fff;
    /* 主要元素的圆角半径 */
    --main-radius: 12px;



}
.fr, .right {
    float: right;
}


.user-list .item p i{color:#ffa400;font-size:12px;margin-right:5px;    /* background: rgba(255, 255, 255, .25); */}
.user-list li:nth-child(1) .list-img:before{content:'';font-family:iconfont;position:absolute;color:#ff2409;left:22px;top:0px;border-radius:50%;font-size:28px;line-height:0px;z-index:99}
.user-list li:nth-child(2) .list-img:before{content:'';font-family:iconfont;position:absolute;color:#ffa400;left:22px;top:0px;border-radius:50%;font-size:28px;line-height:0px;z-index:99}
.user-list li:nth-child(3) .list-img:before{content:'';font-family:iconfont;position:absolute;color:#a5a5a5;left:22px;top:0px;border-radius:50%;font-size:28px;line-height:0px;z-index:99}
.right-main .top-tg li{float:left;width:101px;height:120px;position:relative;box-sizing:initial}
.right-main .top-tg li a{display:block;margin:22px 0 0}
.right-main .top-tg li a .list-img{width:55px;height:55px;line-height:38px;text-align:center;display:flex;border:2px solid #fff;overflow:hidden;border-radius:10px;margin:auto}
.right-main .top-tg li a .list-img img{width:100%;}
.right-main .top-tg li a h3{text-align:center;font-size:14px;line-height:30px;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}



/*.user-list ul{*/
/*    position: relative;*/
/*    list-style: none;*/
/*    padding: 0;*/
/*    flex: 1;*/
/*    margin: 0;*/
/*}*/
.user-list ul li{
    position: relative;
    box-sizing: initial;
    float: left;
    margin: 0;
    border: 4px solid rgba(69, 69, 69, 0);
    width: 43px;
    height: 43px;
    padding: 0;
    
}
.user-list .mun-title{
    padding: 0 10px;
    font-size: 14px;
    line-height: 50px;
    text-align: justify;
    position: relative;
}
.user-list ul li img{
    width: 100%;
    height: 100%;
    border-radius: 50px;
    object-fit: cover;
}

.txbg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    gap: 8px;
    margin: 0 auto;
    max-width: 100%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    /* background-position: center center; */
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    /* filter: blur(5px); */
    /* border-radius: var(--main-radius); */
    /* flex-wrap: wrap; */

}
.txbg::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: inherit;
filter: blur(5px);
    background-color: rgba(255, 255, 255, 0.3);
        border-radius: var(--main-radius);
 }

.txbg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    gap: 8px;
    margin: 0 auto;
    max-width: 100%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    /* background-position: center center; */
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    /* filter: blur(5px); */
    /* border-radius: var(--main-radius); */
    /* flex-wrap: wrap; */

}
.txbg::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: inherit;
filter: blur(5px);
    background-color: rgba(255, 255, 255, 0.3);
        border-radius: var(--main-radius);
 }




.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}
.displ{
    position: relative;
}


.item-cont{

}
.item-cont .tit h2{
    font-size: 28px;
    letter-spacing: 5px;
}
.item-cont .tit p{
    margin-bottom: 0;
}
.item-cont ul{
    position: relative;
    list-style: none;
    padding: 0;
    flex: 1;
    margin-top: 0;
}

.user-list .mun-title{
    padding: 0 10px;
    font-size: 14px;
    line-height: 50px;
    text-align: justify;
    position: relative;
}
.item-cont .meta-avatars .item{
    position: relative;
    box-sizing: initial;
    float: left;
}
.item-cont .meta-avatars img{
    display: inline-block;
    width: 34px;
    height: 34px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden;
    /*margin-left: -10px;*/
    border-radius: 50%;
    transform: translateX(0px);
    overflow: hidden;
    border: 2px solid #fff;
}
