body{
    background-color:var(--default-main-content-bg-color);
}
.bannar-div{
    width:100%;height:230px;
    text-align: center;overflow:hidden;
    background-image: url(../img/ucenter_bg2.png);
    background-position: center;
    background-size: cover;
    box-shadow:#ccc 0 0 10px;
}
.bannar-info{
    position: relative;color:#FFFFFF;height:100%;
    text-align: left;padding:15px 0;
}


.team-bannar-desc {
    width: auto;
    height: auto;
}
.team-bannar-desc .team-avatar {
    display: inline-block;
    width: 75px;
    height:auto;
    float:left;
    text-align: center;
    position: relative;top:10px;
}
.team-bannar-desc .team-avatar img {
    width: 75px;
    height: 75px;
    border-radius: 75px;
    box-shadow: 0 0.08rem 0.3rem rgba(51,51,51,.45);
}
.team-title-info{
    width:600px;height:auto;float:left;margin-left:60px;
    position: relative;top:15px;
}
.team-title-info .team-title-info-a {
    display: inline-block;
    text-decoration: none;
    margin-top: 15px;
    cursor: default;

}
.team-title-info .team-title-info-a h2 {
    font-size: 22px;
    color: var(--st-dark-blue);
}
.team-title-info .team-div-desc {
    margin: 10px 0;
    color: var(--default-a-color);
    overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;
}
.team-title-info .team-div-static a{
    display:inline-block;color:#666;margin-right:15px;text-decoration: none;cursor: default;
}
.team-title-info .team-div-static a:hover{
    text-decoration: none;
    color:#666 !important;
}
.team-title-info .team-div-static a::after{
    color:#666 !important;
    background-color: unset;
}
.team-nav{
    width:100%;height:65px;background-color:#ffffff;box-shadow: 0 1px 4px 0 rgba(39,41,43,.15);
}
.team-nav-ul{
    display:block;
}
.team-nav-ul li{
    height:65px;width:auto;line-height:65px;float:left;
    margin-right:40px;position: relative;
}
.team-nav-ul li a{
    font-size:16px;text-decoration: none;color:var(--default-a-color);
}
.team-nav-ul li a::after{
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 0.142857rem;
    background: var(--st-light-blue);
    transform: translateY(-50%) scale(0);
    visibility: hidden;
    transition: all .3s;
}
.team-nav-ul li a.checked::after,.team-nav-ul li a:hover::after{
    transform: translateY(-50%) scale(1);
    visibility: visible;
}
.team-nav-ul li a i{
    color: var(--st-light-blue);
}
.team-nav-ul li a span {
    font-size: 13px;
    color: #ccc;
    margin-left: 5px;
}


.fllow-button{
    padding:5px 19px;color:var(--st-light-blue);
    border:1px solid var(--st-light-blue);
    text-decoration: none;margin-right:20px;margin-top:2px;
    /* box-shadow: 0 0 0.142857rem 0 rgba(60, 180, 230,1); */
}
.fllow-button:hover{
    background-color:var(--st-light-blue);color:#FFFFFF;
    box-shadow: rgba(60, 180, 230, 0.12) 0px 0.214285rem 0.357142rem 0px;
}

.share_bar{
    display:block;
}

/*侧边:作者简介*/
.author-info-div{
    padding:30px;
}
.author-info-div .user-info{
    height:42px;
}
.author-info-div .user-info .user-a{
    display:inline-block;float:left;height:42px;width:auto;text-decoration: none;
    line-height:42px;
}
.author-info-div .user-info .user-a img{
    width:42px;height:42px;
    border-radius: 1px;border-radius: 50%;float:left;
    box-shadow: 0 0.08rem 0.3rem rgba(51,51,51,.45);
}
.author-info-div .user-info .user-a span{
    display:inline-block;float:left;color:#333;position: relative;height:42px;line-height:42px;
    font-weight: bold;margin-left:10px;
}
.author-info-div .user-info .user-add{
    float:right;padding:5px 15px;
}
.user-counter{
    height:40px;line-height:40px;color:#999;
}
.user-counter span{
    margin-right:30px;
}
.user-desc{
    color:#999;line-height:23px;margin-bottom:15px;
}
.user-hr{
    height:1px;border:none;border-top:1px solid #e5e5e5;
}
.user-post-ul{
    display:block;margin-top:10px;
}
.user-post-ul li{
    display:block;height:30px;line-height:30px;width:100%;
    padding-left:15px;
    overflow: hidden;/*内容超出后隐藏*/
    text-overflow: ellipsis;/* 超出内容显示为省略号*/
    white-space: nowrap;/*文本不进行换行*/
    position: relative;
}
.user-post-ul li::before{
    display: block;content:"";width:5px;height:5px;background-color:var(--default-a-color);
    position: absolute;left:0px;top:13px;
    /*border-radius: 5px;*/
}
.user-post-ul li:hover::before{
    background-color:var(--st-light-blue);
}
.user-post-ul li a{
    text-decoration: none;color:var(--default-a-color);
}
.read-user-more{
    text-align: center;margin-top:10px;
}
.read-user-more a{
    color:var(--st-light-blue);padding:2px 10px;
}
.read-user-more a:hover{
    background-color:var(--st-light-blue);color:#ffffff;text-decoration: none;
}

/*侧边:参与活动*/
.img-word-ul{
    display:block;width:100%;height:auto;
}
.img-word-ul li{
    display:block;width:100%;height:auto;overflow: hidden;margin-bottom:25px;
}
.img-word-ul li:last-child{
    margin-bottom:5px;
}
.img-word-ul li a.v-left{
    display:block;width:90px;height:64px;overflow: hidden;float:left;
    position: relative;
}
.img-word-ul li a.v-left img{
    width:100%;height:100%;transition: all .5s;
}
.img-word-ul li a.v-left:hover img{
    transform: scale(1.1);
}
.img-word-ul li .v-right{
    float:left;width:190px;margin-left:10px;
}
.img-word-ul li .v-right .v-title{
    text-decoration: none;width:220px;height:40px;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.img-word-ul li .v-right .v-title h4{
    color:var(--default-a-color);font-size:13px;font-weight:normal;
    line-height:1.4;
}
.img-word-ul li .v-right .v-title h4:hover{
    color:var(--default-a-hover-color);
}
.v-cate{
    display:inline-block;padding:1px 5px;text-decoration: none;
    color:var(--default-a-hover-color) !important;font-size:12px;
    border:1px solid var(--default-a-hover-color) !important;
}
.v-cate:hover{
    background-color:var(--default-a-hover-color) !important;
    color:#FFFFFF !important;
    box-shadow: 0 0 0.14rem 0 rgba(60, 180, 230,0.1);
}
.img-word-ul li .v-right span.time-span {
    display:block;float:right;
    color: var(--default-small-a-color);
    font-size: 12px;
    position: relative;
    top: 4px;
}
.img-word-ul li .v-right span.time-span i{
    margin-right:5px;
}

/*侧边:所在话题*/
.my-team{
    display:inline-block;position: relative;left:3px;
}
.my-team li{
    display:block;height:auto;width:105px;float:left;text-align: center;margin-top:20px;
}
.my-team li img{
    display:inline-block;width:50px;height:50px;border-radius: 50px;box-shadow: 0 0.08rem 0.3rem rgba(51,51,51,.45);
}
.my-team li span{
    display:inline-block;width:100%;color:var(--default-a-color);
    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}
.my-team li:hover img{
    box-shadow: 0 0.08rem 0.3rem var(--default-a-hover-color);
}
.my-team li:hover span{
    color:var(--default-a-hover-color);
}