html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select {
margin: 0;
padding: 0;
}
*{box-sizing: border-box;}
html, body {
min-height: 100%;
}

body {
font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
font-size:14px;
color:#333;
}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
ul,ol {
list-style: none;
}

.index-mian-bg{
    background: url(/static/bbs/images/banner.png) no-repeat;
    /*background-size: 43% 75%;*/
    background-position: right 10px top 0px;
}

.layui-bg-red {
    background-color: #FF9800!important;
    padding: 0 3px!important;
    font-weight: 100;
    margin-right: 5px;
}

.layui-btn {
    background-color: #000;border: 0px solid transparent;}

/*回复*/
.reply-two-mian{
    margin-bottom: 5px;
    background: #f5f6f7;
    padding: 5px 10px;}
.content-two{
        padding: 10px 0px;
}

/*.list-reply {
    background: #fff!important;}*/

.reply-two-mian .thread-name-rt a{color: #8a919f;}

.replytwo_quote{
    background: #ecefff;
    padding: 5px;
    border-left: 3px solid #9E9E9E;}


img {
border: none;
vertical-align: middle;
}


table {
border-collapse: collapse;
table-layout: fixed;
}

input, textarea {
outline: none;
border: none;
}

textarea {
resize: none;
overflow: auto;
}


.js-reply{margin-top: 5px;}


.clearfix {
zoom: 1;
}

.clearfix:after {
content: ".";
width: 0;
height: 0;
visibility: hidden;
display: block;
clear: both;
overflow:hidden;
}

.fl {
float: left
}

.fr {
float: right
}

.tl {
text-align: left;
}

.tc {
text-align: center
}

.tr {
text-align: right;
}

.ellipse {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.inline{
display: inline-block;
*display: inline;
*zoom: 1;
}

.report-submit .layui-btn{
    background-color: #657ef5!important;
}


.reg{
    background: #f5f5f5;
    color: #000;
    border: 1px solid #e2e2e2;}

body{background: #f3f3f7;}
/*index*/
.header{
    background: var(--background_tertiary); 
    -webkit-box-shadow: 0 0 1px 1px rgba(28,28,32,.05), 0 8px 24px rgba(28,28,32,.06);
    box-shadow: 0 0 1px 1px rgba(28,28,32,.05), 0 8px 24px rgba(28,28,32,.06); 
    background: #fff;
    position: fixed;
    width: 100%;
    z-index: 9999999999;
    top: 0;}
.head-lf{display: flex;}
.head-rf{display: flex;}
.head-rf .register{}
.head-rf .login{}
.fla{
    display: flex;
    align-items: center;
    justify-content: space-between;
    display: -webkit-flex;}
.logo img{}

.top70{margin-top: 70px;}
.top10{margin-top: 10px;}

/*footer*/
.footer{
    /*background: url(/static/bbs/images/footer.png);*/
    background:#343a40;
    padding: 20px;
    color: #fff;
}
.footer-lt{}
.footer-rt{}
.foot{
    display: flex;
    justify-content: space-between;
    align-items: center;}


.list{
    border-bottom: 1px solid #f6f6f6;
    padding: 10px 0px;
    flex-wrap: wrap;
    word-break: break-all;
}
.list-mian{
    display: flex;
}
.list-user-img{}
.list-user-img img{
    width: 55px;
    height: 55px;
    border-radius: 4px;
    padding: 4px;
    border: 1px solid #eee;
    border-radius: 36px;
    background: #fff;
    -webkit-transition: .4s;
    -webkit-transition: -webkit-transform .4s ease-out;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    transition: -webkit-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
}
.list-user-img img:hover {
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 0 10px #fff;
    box-shadow: 0 0 10px #fff;
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}
.list-user-title{
    padding-left: 10px;
    width: -webkit-fill-available;
}
.list-user-title a{
    font-size: 16px;
    color: #778087;
    /*vertical-align: top;*/
}
.list-user-title a:hover{
    color: #657ef5;
}
.list-user-title h2{}
.list-ms{
    display: flex;
    justify-content: space-between;
    padding-top: 5px;
}
.list-ms-lt{}
.list-ms-rt{}
.list-ms span{color: rgba(134, 142, 150, 0.8);
    font-size: 12px;
    font-weight: 400;}
.list-ms-lt span a{
    color: rgba(134, 142, 150, 0.8);
    font-size: 12px;
    font-weight: 400;
}
.list-ms-rt span{}
.time{}
.like{padding-left: 10px;}


.layui-card-header {
    color: #454d55;
    border-bottom: unset;
    background:#f9f9f9;
}

.black{background: #000;}

.layui-btn-normal {
    background: #2828ff;
    -webkit-box-shadow: 0 16px 48px rgba(38,38,38,.12);
    box-shadow: 0 16px 48px rgba(38,38,38,.12);
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
}

.site-list-ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.site-top ul li {
    height: 31px;
    line-height: 31px;
    overflow: hidden;
}
.site-top ul li, .site-reply ul li {
    border-bottom: 1px dashed #dadada;
    clear: both;
    margin: 0;
}
.top_span_red {
    background: #657ef5 none repeat scroll 0 0;
    border-radius: 2px;
    color: #fff;
    margin-right: 5px;
    padding: 0 5px;
}
.top_span_gray {
    background: #ccc none repeat scroll 0 0;
    border-radius: 2px;
    color: #fff;
    margin-right: 5px;
    padding: 0 5px;
}

.tt{
    text-align: center;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.tt a{}
.tt img{
    width: 50px;
    height: 50px;
    padding: 3px;
    border: 1px solid #eee;
    border-radius: 36px;
    background: #fff;
    -webkit-transition: .4s;
    -webkit-transition: -webkit-transform .4s ease-out;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    transition: -webkit-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out;}

.content{padding: 15px 0px;}
.thread-user-img{text-align: center;}
#content{background-color: rgb(245 246 247);}


.thread-user-img img {
    width: 55px;
    height: 55px;
    border-radius: 4px;
    padding: 4px;
    border: 1px solid #eee;
    border-radius: 36px;
    background: #fff;
    -webkit-transition: .4s;
    -webkit-transition: -webkit-transform .4s ease-out;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    transition: -webkit-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
}
.thread-user-img img:hover {
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 0 10px #fff;
    box-shadow: 0 0 10px #fff;
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}


.thread-hf-mian{}
.thread-bt{padding-bottom: 10px;}

.thread-title h2{
    color: #212529;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.2;}
.thread-title h1{
    color: #212529;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.2;}
.thread-post{text-align: right;padding-top: 10px;}

.content-mian{
    display: flex;
    justify-content: center;
    padding-top: 10px;}

.content-mian div{border: 1px solid #dee2e6;
    padding: 0px 5px;
    border-radius: 3px;margin: 15px;}

.content-mian div span{margin-left: 5px;
    padding-left: 5px;
    border-left: 1px solid #ccc;
    color: #c2c2c2;}
.content-mian a{color: #999;}

.content-favorite{}

.content-like{}

.content-give{}

.content-favorite span{}

.content-like span{}

.content-give span{}
.content-mian i{
    padding-right: 5px;
    font-size: 13px;}

.center{text-align: center;}

.thread-user-name{padding-top: 10px;}
.thread-userimg img{
    width: 6rem;
    height: 6rem;
    border-radius: 6rem;
    box-shadow: 0 0.25rem 1.35rem -0.1rem rgba(125,134,168,.5);
    border: 2px solid #fff;}

 .thread-user{padding-top: 30px;}

 .thread-user-3{
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
    text-align: center;}

.thread-user-mian{padding-bottom: 20px;}
.text-muted{color: #6c757d;}
.text-muted-num{
    font-weight: bolder;
    padding-top: 5px;}

.thread-list{
    padding: 10px 0px;
    border-bottom: 1px solid #eee;}
.thread-list-img img {
    width: 55px;
    height: 55px;
    border-radius: 4px;
    padding: 4px;
    border: 1px solid #eee;
    border-radius: 36px;
    background: #fff;
    -webkit-transition: .4s;
    -webkit-transition: -webkit-transform .4s ease-out;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    transition: -webkit-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
}
.thread-list-img img:hover {
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 0 10px #fff;
    box-shadow: 0 0 10px #fff;
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}

.thread-post-top{
    padding-top: 10px;}

.thread-list-username{}
.thread-list-username a{color: #6c757d !important;font-weight: 700 !important;}
.date{
    color: rgba(134, 142, 150, 0.8) ;
    font-size: 12px;
    font-weight: 400;}

.thread-name-row{
    display: flex;
    justify-content: space-between;}

.thread-name-rt{
    color: rgba(134, 142, 150, 0.8);
    font-size: 85%;
    font-weight: 400;}
.text-lt{padding-left: 10px;}

.thread-user-name a{
    font-size: 16px;
    line-height: 1.4;
    font-weight: 600;}

.thread-user-name p{
    color: #c2c2c2;
    padding: 10px;}

.time i{padding-right: 3px;}
.text-muted{color: #6c757d;}
.w65{width: 65px!important;}
.m-l-65{margin-left: 65px!important;}
.user-login{
    display: flex;
    justify-content: space-between;
    margin-top: -10px;}
.user-login a{color: rgba(134, 142, 150, 0.8);}

.index-mian{
    padding: 15px 25px;
    /*background-color: rgba(98,162,240,.1);*/
}
.index-title{
    font-size: 20px;
    font-weight: bold;
    color: #000;
}

.index-title span{
    color: #ff5722;
    padding: 0px 5px;
    font-size: 30px;}

.index-txt{
    color: #4e74fe;
    padding: 10px 0px;}
.thread-title{width: 100%;}
.head-user img{
        width: 40px;
    height: 40px;
    border-radius: 50px;}

.layui-btn:hover {
    color: #c2c2c2!important;
}
.captchaimg img{width: 100%;}

.user-xx{}
.user-xx p{
    padding: 3px;
    color: #666;}
.user-hy{
    padding-top: 10px;
    font-size: 15px;
    font-weight: bold;
    padding-left: 20px;}
.user-hy span{color: #ff5722;}
.user-name i{
    font-size: 12px;
    font-style: normal;
    display: inline-block;
    background-color: #F5F6F7;
    transform: scale(1);
    height: 20px;
    line-height: 20px;
    padding: 0 4px;
    border-radius: 2px;
    margin-left: 3px;
    font-weight: 400;
    color: #AAAEB3;
    font-family: 'DIN-Medium','font-regular','Helvetica Neue',sans-serif;}

.mask-wrapper {
    width: 100%;
    height: 0;
    padding-top: 10%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.mask-wrapper {
    position: relative;
    display: flex;
    align-items: flex-end;
    background-color: #ccc;
}
.user-panel {
    position: relative;
    width: 100%;
    margin-top: -73px;
    padding: 0 20px 20px 20px;
    display: flex;
    box-sizing: border-box;
}
.user-panel .avatar {
    border: 4px solid #fff;
    background: #ccc;
    width: 152px;
    height: 152px;
    flex-grow: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    max-width: 152px;
    min-width: 152px;
    border-radius: 4px;
}
.user-panel-info {
    font-size: 24px;
    font-weight: 600;
    padding-top: 60px;
    padding-left: 20px;
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
    align-items: flex-end;
}
.user-panel-info h1 span {
    margin-right: 10px;
}
.user-panel-info p {
    align-items: center;
    font-size: 13px;
    color: #797C80;
    font-weight: 400;
    margin-top: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-justify: inter-ideograph;
    word-break: break-all;
    margin-right: 300px;
}
.userDisplayName{
    font-size: 27px;
    font-weight: bold;}
.user-lv{
    font-size: 12px;
    font-style: normal;
    display: inline-block;
    background-color: #F5F6F7;
    transform: scale(1);
    height: 20px;
    line-height: 20px;
    padding: 0 4px;
    border-radius: 2px;
    margin-left: 3px;
    font-weight: 400;
    color: #AAAEB3;
    font-family: 'DIN-Medium','font-regular','Helvetica Neue',sans-serif;
}
.mt10{margin-top: 10px;}
.user-sidebar {
    font-size: 14px;
}
.user-sidebar-info {
    padding: 14px;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    position: relative;
}
.link-block {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    top: 0;
    left: 0;
}
.user-sidebar-info.active p {
    color: #007bff;
}
.user-sidebar-info p {
    display: flex;
    align-items: center;
    color: #8590A6;
}
.user-sidebar-info p i {
    border-radius: 100%;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    margin-right: 10px;
    font-size: 24px;
}
.active{
    background: #f8f8f8;}

.user-reg-time{
    color: #999;font-size: 13px;}

.user-reg-time i{padding-right: 3px;}
.user-sidebar-count {
    display: flex;
    flex-flow: wrap;
    padding: 0px;
}
.user-sidebar-count li {
    width: 20%;
    padding: 20px;
    position: relative;
    box-sizing: border-box;
    background-color: #F7F9FA;
    border: 5px solid #fff;
}
.user-sidebar-count li i {
    position: absolute;
    font-size: 81px;
    color: rgba(209, 233, 255, 0.28);
    right: 0;
    top: -13px;
}
.user-sidebar-count li > div {
    position: relative;
}
.user-sidebar-count li p {
    font-size: 24px;
    font-weight: 600;
    margin: 10px 0;
}
.user-item-desc {
    font-size: 12px;
    color: #AAAEB3;
}
.layui-nav {background-color: #ffffff;padding: 0!important;}

.layui-nav .layui-nav-item a {color: #333!important;}
.user-mian-tj{padding: 5px!important;}
.user-mian-tj .time {
    font-size: 14px!important;
}
.user-top-i i{padding-right: 8px;}
.layui-nav-child {
    top: 53px;
    text-align: center;
    width: 125px;
}
.user-index-h2{
    font-size: 15px;
    font-weight: bold;}
.white{background: #fff;}
.layui-btn-container .layui-btn {
    margin-bottom: 0px!important;
}

.layui-layer-title {border-bottom: 1px solid #fff!important;}
.dynamic-h1{
    font-size: 15px;
    padding: 10px 0px;
    font-weight: bold;}
.dynamic-mian{}


.layui-unselect{z-index: 9999999;}
.content_content{
    display: block;
    /*word-break: keep-all;*/
    overflow: hidden;
    text-overflow: ellipsis;}
.content_content a{color: #466fff;}
.thread-name-rt a{
    font-weight: 100 !important;
    padding-right: 10px;
    color: #8a919f;}
.thread-name-rt i{
    padding-right: 3px;
    font-size: 12px;} 

.avatar-1{
    width: 25px;
    height: 25px;
    border-radius: 50px;}
.content_content img{
    max-width: 100%;
}

/*分页*/
.pagination {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px;
}

.pagination li {display: inline-block;margin-right: 3px;border: 1px solid #e2e2e2;min-width: 30px;text-align: center;height: 30px;line-height: 28px;border-radius: 50px;}

.pagination li.active {
    background: #657ef5;
    color: #fff;
    border: 1px solid #657ef5}

.pagination li a {display: block;text-align: center;background: #fff;
    border-radius: 50px;}
.disabled span{background: #fff;
    border-radius: 50px;display: block;}
.thread-list-content{
    padding: 10px 0px;
    word-wrap: break-word;
    word-break: normal;
    word-break:break-all; /*支持IE，chrome，FF不支持*/
    word-wrap:break-word;/*支持IE，chrome，FF*/}

.reply-z{
    color: #466fff!important;
    /*margin-left: 5px;*/
    font-weight: 200;
    font-size: 12px;}

.quote{
    margin-top: 10px!important;
    margin-bottom: 5px!important;
    border-left: 3px solid #eee!important;
    position: relative;
}

.quote-top{
    margin-top: 10px!important;
    margin-bottom: 5px!important;
    border-left: 3px solid #eee!important;
    position: relative;
}
.quote-top:before {
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    border-top: 1px solid #F7F8FA;
    border-left: 1px solid #F7F8FA;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    background-color: #fafafa;
    top: -4px;
    left: 15px;
}
.list-ms-rt i{
    font-size: 13px;
    padding-right: 3px;}
.list-ms-rt span {
    padding-left: 10px;
}
.forumname a{
    font-size: 12px!important;
    color: rgba(134, 142, 150, 0.8)!important;
    font-weight: 400!important;}

.nologin{
    color: rgba(134, 142, 150, 0.8);
    width: 100%;
    padding: 40px;
    text-align: center;
    border: 1px solid #dee2e6;
    background: #fafafa;}

.forum-img{}
.forum-img img{
    width: 100%;
    border-radius: 5px;}
.forum-mian{}
.forum-mian h1{font-weight: bold;
    padding: 10px 0px;}
.forum-mian p{color: rgba(134, 142, 150, 0.8);}

.index-warning{
    padding-top: 10px;
    color: #BDBDBD;}

.forum-mian p span{color: #666;}
.more{
    text-align: center;
    background: #f6f6f6;
    padding: 10px;}

.no-login{padding: 50px;
    text-align: center;
    font-size: 30px;
    font-weight: bold;}

.an{background: linear-gradient(129.12deg, #446dff 0%, rgba(99, 125, 255, 0.75) 100%);
    -webkit-box-shadow: 0 16px 48px rgba(38,38,38,.12);
    box-shadow: 0 16px 48px rgba(38,38,38,.12);
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);}

.layui-nav .layui-nav-item {
    line-height: 50px!important;
}

.form form {
    position: relative;
    top: 9px
}

.form form .search-input {
    padding: 0 40px 0 20px;
    width: 300px;
    height: 38px;
    font-size: 14px;
    border: 1px solid #eee;
    border-radius: 40px;
    background: #eee;
    transition: width .5s;
    -moz-transition: width .5s;
    -webkit-transition: width .5s;
    -o-transition: width .5s;
    transition-delay: .1s;
    -moz-transition-delay: .1s;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s
}

.form form .search-input:focus {
    transition-delay: 0s;
    -moz-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    width: 350px;
    outline: none
}

.form form .search-input:-webkit-autofill {
    box-shadow: inset 0 0 0 1000px #eee!important
}

.form form .search-input:focus+.search-btn {
    background-color: #969696;
    border-radius: 50%;
    color: #fff!important
}

.form form .search-input:focus~#navbar-search-tips {
    visibility: visible;
    opacity: 1
}

.form form .search-btn {
    position: absolute;
    top: 4px;
    right: 5px;
    width: 30px;
    height: 30px!important;
    line-height: normal!important;
    padding: 0!important;
    color: #969696!important;
    text-align: center
}

.form form .ic-search {
    margin: 5px -1px 0 0;
    display: block
}
.form{margin-left: 20px;}
.form .ic-search {
    margin: 5px -1px 0 0;
    display: block;
    font-size: 20px;
}
.wapform{display: none;}

/**/
.form-search form {
    /* position: relative; */
    /* top: 9px; */
}

.form-search form .search-input {
    padding: 0 40px 0 20px;
    width: 100%;
    height: 43px;
    font-size: 14px;
    border: 1px solid #eee;
    border-radius: 40px;
    background: #eee;
    transition: width .5s;
    -moz-transition: width .5s;
    -webkit-transition: width .5s;
    -o-transition: width .5s;
    transition-delay: .1s;
    -moz-transition-delay: .1s;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
}

.form-search form .search-input:focus {
    transition-delay: 0s;
    -moz-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    width: 100%;
    outline: none
}

.form-search form .search-input:-webkit-autofill {
    box-shadow: inset 0 0 0 1000px #eee!important
}

.form-search form .search-input:focus+.search-btn {
    background-color: #969696;
    border-radius: 50%;
    color: #fff!important
}

.form-search form .search-input:focus~#navbar-search-tips {
    visibility: visible;
    opacity: 1
}

.form-search form .search-btn {
    position: absolute;
    top: 7px;
    right: 10px;
    width: 30px;
    height: 30px!important;
    line-height: normal!important;
    padding: 0!important;
    color: #969696!important;
    text-align: center;
}

.form-search form .ic-search {
    margin: 8px -1px 0 0;
    display: block;
}
.form-search{/* margin-left: 20px; */margin-top: 15px;position: relative;}


.search-p{
    padding-top: 10px;
}
.search-p span{
    color: #ff5722;
    padding: 7px;
}
.empty{
    text-align: center;
    padding: 75px;
    color: #999;}
.jm{
    width: 100%;
    display: block;
    border: 1px solid #eee;
    padding: 10px;
    margin: 10px 0;
    background: #fffdef;
    border: 1px dashed #eee;}

.jm a{}
#pay span{color: red;}

.tuser-mian{
    padding: 3px;
}
.tuser-avatar{
    text-align: center;
}
.tuser-avatar img{
    width: 4rem;
    height: 4rem;
    /*border-radius: 5rem;*/
    border: 4px solid #f6f6f6;
}
.tuser-name{
    padding-left: 0px;
}
.tuser-name p{
    font-size: 16px;
    font-weight: 700;
}
.tuser-tj{
    display: flex;
    justify-content: space-between;
    text-align: center;
    margin-top: 10px;
    padding: 0px 15px;
    }
.tuser-tj div{
    color: #657ef5;
    font-size: 18px;
    font-weight: bold;}
.tuser-tj span{font-size: 14px;font-weight: 400;}
.tuser-tj-list{}
.tuser-tj-list span{display: block;color: #888888;}
.tuser-gz{padding-top: 15px;
    text-align: center;}
.tuser-group{padding-top: 10px;}
.tuser-gz span{vertical-align: top;}
.tuser-brief{
    padding: 10px;
    flex-wrap: wrap;
    word-break: break-all;
    color: #999;
    background: #fafafa;
    margin-top: 5px;
    position: relative;}
.font35{font-size: 35px;
    padding-bottom: 10px;}

.forum-fb{
    position: absolute;
    top: 15px;
    right: 15px;
    background: #4e74ff;
    padding: 3px 7px;}
.forum-fb-bt{color: #fff;}
.forum-fb:hover{background: #000;}

.layui-border-blue {
    border-color: #4e74ff!important;
    color: #5176ff!important;
}
.tuser-gold{
    font-size: 15px!important;
    color: #7e95ff;}
.tuser-gold span{}

.height45{height: 45px!important;}
.vip{padding: 20px 70px;}
.vipbt{background: linear-gradient(90deg,#dca250,#b87100);
    border: unset;
    font-family: PingFangSC-Medium,PingFang SC;}

.threevip_wp .btn_tv {
    font-weight: bold;
    width: 340px;
    font-size: 20px;
    line-height: 62px;
    border-radius: 62px;
    overflow: hidden;
    position: relative;
    box-shadow: 3px 2px 5px #dba14e;
}
.btn_cred {
    display: block;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    background: #ff3043;
    background: linear-gradient(112deg, #b97202 0%,#dba14e 100%);
}
.threevip_wp .btn_tv em {
    display: inline-block;
    color: #ffffff;
    font-size: 20px;
    position: relative;
    padding-right: 18px;
    margin-right: 18px;
    font-style: normal;
}
.threevip_wp .btn_tv .price {
    font-size: 20px;
}
.threevip_wp .btn_tv .num {
    font-size: 22px;
    position: relative;
    top: 1px;
}
.threevip_wp .btn_tv:after {
  position: absolute;
  left: 0%;
  top: 5%;
  display: block;
  width: 150px;
  height: 50px;
  background-image: linear-gradient(0deg, rgba(0,0,0,0), rgba(255,255,255,0.4), rgba(0,0,0,0));
  content: "";
  transform: rotate(45deg);
  animation: buttonlight 6s .1s both infinite;
}
@keyframes buttonlight{
  0%{left: -50%;}
  20%{left: 120%;opacity: 1;}
  41%{left: 120%;opacity: 0;}
  42%{left: -50%;opacity: 0;}
  43%{left: -50%;opacity: 1;}
  80%,100%{left: 120%;opacity: 1;}
}
.btn_tv:hover {
    color: #fff;
    background: linear-gradient(112deg, #b97202ed 0%,#dba14ec4 100%);
}
.threevip_wp .btn_tv em:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 20px;
    margin-top: -10px;
    background: #fbdd72;
}
.tv_btn{padding: 30px;}
.pay p{text-align: center;color: #999;}
.layui-elem-quote {border-left: 5px solid #bd770a;}
.w70{width: 70px!important;}

.svip{
    text-align: center;
    font-size: 18px;
    font-weight: bold;}
.svip span{
    color: red;
}
.message{}
.message a{padding: 0 10px!important;}
.message i{font-size: 20px!important;}
.red{color: #FF5722!important;}

.foot{color: #999;}

.quote:before {
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    border-top: 1px solid #F7F8FA;
    border-left: 1px solid #F7F8FA;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    background-color: #F7F8FA;
    bottom: -4px;
    left: 15px;
}
.del a{font-size: 12px;}
.forumname a{
    border-radius: 3px;
    padding: 0.1em 0.3em;
    font-size: 0.9em;}
/*.forumcolor1 a{
    background-color: #F5F3E7!important;
    color: #877D6A!important;}
.forumcolor2 a{
    background-color: #e7f3f0!important;
    color: #91cbba!important;}
.forumcolor3 a{
    background-color: #d8edff!important;
    color: #1890FF!important;}
.forumcolor4 a{
    background-color: #fdefcf!important;
    color: #FFAE0E!important;}
.forumcolor5 a{
    background-color: #87C6B3!important;
    color: #FFFFFF!important;}
.forumcolor6 a{
    background-color: rgb(255 87 34 / 0.20)!important;
    color: #ff5722!important;}
.forumcolor7 a{background-color: rgb(57 61 73 / 0.20)!important;
    color: #393d49!important;}
.forumcolor8 a{background-color: rgb(247 6 244 / 0.20)!important;
    color: #e71eff!important;}
.forumcolor9 a{background-color: rgb(6 41 247 / 20%)!important;
    color: #6c757d!important;}*/

.list-ms-lt > span + span::before {
    display: inline;
    content: " \B7 ";
    color: #9b9b9b;
    /*padding-left: 2px;*/
    padding-right: 2px;
}
.novip{
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #d99e49;
}
.nav-tabs-mian{display: flex;justify-content: space-between;}
.nav-tabs-lf{}
.nav-tabs-lf a{
    margin-right: 7px;
    padding: 4px 10px;
    border-radius: 50px;
    color: #77838f;}
.nav-tabs-lf .ok{
    background: #939faa;
    color: #fff;
}
.nav-tabs-rf a{
    background: #2828ff;
    color: #fff;
    padding: 5px 15px;
    border-radius: 3px;}
.wxpay-mian{
    width: 335px;
    padding: 10px;}
.pays{text-align: center;}
.pays img{}
.footer-rt{text-align: center;}
.footer-rt img{
    width: 100px;
    display: block;
    padding-bottom: 5px;}
.footer-h5{}

.qr_code_pc {
    background: #fff;
    text-align: center;
    position: fixed;
    top: 128px;
    left: 50%;
    margin-left: -730px;
    z-index: 88;
    width: 140px;
    padding: 16px;
    border: 1px solid #d9dadc;
    background-color: #fff;
}
.qr_code_pc_img {
    width: 102px;
    height: 102px;
}
.qr_code_pc p {
    font-size: 14px;
    line-height: 20px;
}
.list-reply a{
    color: #8198ff;
    padding-right: 5px;}


/*初的类型*/
.typetag{display: inline-block;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 1px;
    padding: 0 4px;
    margin-left: 10px;
    height: 18px;
    font-size: 12px;
    line-height: 16px;
    border-radius: 2px;}
/*置顶*/
.type1 {
    border: 1px solid #657ef5;
    color: #657ef5;
}
/*精华*/
.type2 {
    border: 1px solid #FF7200;
    color: #FF7200;
}
/*求助*/
.type3 {
    border: 1px solid #ffb800;
    color: #ffb800;
}
/*通知*/
.type4 {
    border: 1px solid #009688;
    color: #009688;
}
/*失效*/
.type5 {
    border: 1px solid #000;
    color: #f7f8fa;
    background: #393d49;
}
.tuser-group .layui-badge {
    font-size: 12px;
    font-weight: 400;
}
.Power-mian .Power-but{
    padding: 3px 10px;
    font-size: 13px;
    background: #f9f9f9;
    border: 1px solid #333;
    margin: 3px;
    text-align: center;}
.Power-mian{
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;}

.nav-top-mian{
    display: flex;
    flex-wrap: nowrap;}
.nav-top-mian a{
    padding: 1px 15px;
    font-size: 13px;
    background: #393d49;
    /*border: 1px solid #333;*/
    margin: 3px;
    color: #fff;}
.nav-top-mian .ok{background:#2828ff;
    box-shadow: 0 16px 48px rgba(38,38,38,.12);
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);}

.list-reply span{
    font-size: 12px;
    color: #999;}
.help-link{
    text-align: right;
    margin-bottom: 20px;
}
.help-link a{
    padding: 5px 10px;
    border: 1px solid #657ef5;
    border-radius: 26px;
    color: #657ef5;
}
.help-link i{
    padding-right: 5px;
}
.help-link span{color: #ff5722;padding-left: 5px;}
.user-link{
    display: flex;
    justify-content: flex-end;
    background: #f6f6f6;
    padding: 10px 0px;
    position: relative;
    flex-wrap: wrap;
}
.user-link a{
    margin: 0px 5px;
    text-align: center;
    width: 35px;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.user-link img{
    width: 30px;
    border: 1px solid #e2e2e2;
}
.user-link p{
    font-size: 12px;
}
.user-link:before {
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    border-top: 1px solid #F7F8FA;
    border-left: 1px solid #F7F8FA;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    background-color: #f6f6f6;
    top: -8px;
    right: 40px;
}
.padb25{padding-bottom: 25px;}
.tip{
    background: #ecefff;
    padding: 5px;
    margin-top: 5px;
    border: 2px dotted #fff;}
.tip p{}
.tip font{color: red;}

.lose {
    position: absolute;
    right: 24%;
    top: 20%;
    z-index: 99;
}
.lose img{
    /*width: 100px;*/
}
.lose-mian{
    text-align: center;
    margin-top: 20px;
}
.lose-mian a{
    background: #000;
    color: #fff;
    padding: 7px 10px;
    border-radius: 5px;
    border-bottom: 3px dotted #fff;
}
.lose-mian a:hover{
    background: #666;}
.lose-mian i{
    padding-right: 5px;
}
.lose-mian p{padding-top: 10px;}
.lose-mian span{color: red;}
.lose-mian p a{
    background: unset;
    color: red;
    padding: unset;
}
.lose-mian p a:hover{
    background: unset;}
.iswx{text-align: center;
    }
.iswx img{width: 100%;}
.iswxp1{font-size: 20px;
    font-weight: bold;}
.iswxp2{padding-top: 10px;}
/*注册成功*/
.reg-success-mian{
    text-align: center;
    margin-top: 70px;
}
.reg-success-svg{}
.reg-success-svg svg{
    width: 80px;
    height: 80px;
}
.reg-success-svg p{
    padding: 20px 0px;
    font-size: 20px;
}
.reg-success-svg div{
    padding: 20px 0px;
    font-size: 23px;
    font-weight: bold;
}
.reg-success-msg{
    margin: 10px 30px;
    background: #657ef5;
    padding: 10px;
    color: #fff;
    border-radius: 3px;
    text-align: left;}
.reg-success-msg1{
    margin: 10px 30px;
    background: #ff5722;
    padding: 10px;
    color: #fff;
    border-radius: 3px;
    text-align: left;}
.reg-success-msg span{
    font-size: 18px;
    margin-bottom: 5px;
    display: block;
    font-weight: bold;}
.reg-success-home{margin-top: 50px;}
.forum-tj span{color: red!important;}

.list-ms-rt span a {
    color: rgb(52 58 64);
    font-size: 12px;
    font-weight: 400;
    border: 1px solid #343a40;
    padding: 2px 5px;
}

.giveme{text-align: center;}
.giveme p{
    padding-bottom: 20px;
    text-align: center;}

.report-mian{padding: 0px 10px;}
.report-textarea{
    height: 175px;
    width: 100%;}

.report-submit{text-align: center;}


.user-favorite{
    display: flex;
    justify-content: flex-start;
    padding: 10px 0px;
}
.user-favorite a{
    padding: 0px 5px;
    text-align: center;
}
.user-favorite img{
    width: 30px;
    border: 1px solid #e2e2e2;
}
.user-favorite p{
    font-size: 12px;
}

.message-nav{
    display: flex;
    flex-wrap: nowrap;}
.message-nav a{
    padding: 1px 10px;
    font-size: 13px;
    background: #ecefff;
    margin: 2px;
    color: #666;
    position: relative;}
.message-nav .ok{
    background: #007bff;
    color: #fff;}
.message-nav span{
    margin-left: 5px;
    border-radius: 10px;
    position: absolute;
    top: -10px;
    z-index: 999;
    left: -5px;}

.attention-list{display: flex;flex-wrap: wrap;justify-content: end;}
.attention-list a{}
.attention-list img{
    width: 50px;
    height: 50px;
    border-radius: 50px;
    }
.attention-list p{text-align: center;}
.over{background: #f7f8fa;/* padding: 3px 10px; */}
.over a {
    font-size: 12px;
    display: block;
    padding: 3px 10px;
}
.over a:hover{
    background: #000;
    color: #fff;
}
.attention-k{
    /* margin-right: 5px; */
    /*border: 1px solid #ecefff;*/
    padding: 10px;
    text-align: center;
}

.attention-k a p{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 50px;
    text-align: center;
    display: block;
    margin: 0 auto;}
.focus{
    background: #7891ff;
    color: #fff!important;
    border-radius: 10px;
    margin-left: 5px;
    padding: 0px 5px;}
.focus i{font-size: 13px;}
.thread-avatar{
    width: 15px;
    height: 15px;
    margin-right: 5px;
    border-radius: 50px;
    vertical-align: text-bottom;}
.threaduserbrief:before {
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    border-top: 1px solid #F7F8FA;
    border-left: 1px solid #F7F8FA;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    background-color: #fafafa;
    top: -4px;
    left: 20px;
}

.avatar-add {width: 100%;}

.message-bt{
    display: flex;
    justify-content: space-between;}
.message-reply textarea{margin-bottom: 5px;}
.message-reply button{text-align: right;float: right;}
.but{
    background: #4e74fe;
    color: #fff;
    padding: 5px 15px;
    border-radius: 3px;
    border-color: unset;
    border-width: unset;
    border-style: unset;}

.myreply{
    background: #fafafa;
    /*margin: 5px;*/
    padding: 5px 10px;
    border-left: 3px solid #333;}
.myreply span{
    padding: 0px 5px;
    color: #999;
    font-size: 12px;}
.message-py{padding: 0px 5px;}

/*返回向上*/
#shangxia{position:fixed;top:45%;right:40%;display:block;margin-right:-540px; z-index:999;}
#shang,#comt,#xia{background:url(/static/bbs/images/huadong.png) no-repeat;position:relative;cursor:pointer;height: 27px;width:29px;margin:10px 0 0;}
#comt{background-position:left -30px;height: 27px;}
#xia{background-position: left -57px;}
#comt:hover{background-position:right -30px;}
#shang:hover{background-position:right 0;}
#xia:hover{background-position: right -57px;}
#myrss {background:url(/static/bbs/images/rss.png) no-repeat;height:128px;width:128px;margin:50px 0 0 -50px;position:relative;cursor:pointer;}

.private-msg{padding: 0px 20px;}
.private-msg textarea{min-height: 130px;}

.msg-find{
    position: absolute;
    right: 0px;
    top: 40px;
    border: 1px solid #778087;
    padding: 0px 8px;
    border-radius: 25px;
}

.msg-find a{
    font-size: 12px;
}
.relative{position: relative;}

.thread-yeslink{}
.thread-yeslink a {
    color: #466fff;
}

/*有求*/
.look-top-mian{padding:10px;}



.edui-default , #container{width: 100%;}

.post-tab{padding: 10px 0px;}
.post-tab a{}

.post-ms{color: rgb(134 142 150 / 80%);line-height: 35px;}

.xs-gold{
    font-size: 17px;
    color: #4b72ff;
    padding-left: 10px;}

.look-xs-mian{
    width: 150px;
    float: left;
    display: block;
    border: 2px solid #f6f6f6;
    padding: 10px;
    margin-right: 15px;
    background: #f9f9f9;
    text-align: center;}

.look-xs-mian p{
    font-size: 17px;
    color: #f00;
    font-weight: bold;}
.look-xs-mian svg{
    width: 100px;
    height: 70px;}
.yes-look{
    background: #748eff;
    color: #fff;
    padding: 3px 0px;
    margin-top: 5px;}
.no-look{
    background: #ff0000;
    color: #fff;
    padding: 3px 0px;
    margin-top: 5px;}

.look-ok{
    word-break: inherit;
    width: 100%;
}
.look-ok legend{
    background: #fece0a;
    font-size: 13px;}
.look-ok fieldset{background: #f9f9f9;}
.look-cn{
    position: absolute;
    right: 0;
    top: 45px;
    background: #fece0a;
    padding: 1px 5px;
    color: #fff;
    border-radius: 3px;}
.look-cn a{color: #000;font-size: 14px;}
.look-cn i{padding-right: 3px;
    color: #000;}

.look-pind{padding: 50px;}

.thread-list-content a,.look-ok a {
    color: #466fff;
}
.look{
    font-size: 15px;
    color: #ffb800;}
.look-gold{
    font-size: 13px;
    color: #F26C4F;}

.head-a{
    font-weight: 800;
    font-size: 18px;
    color: #3c464f;
    margin-left: 15px;
    line-height: 50px;
}
.head-a .ok{
    color: #2828ff;
    position: relative;
}
.head-a .ok:before {
    content: "";
    width: 40px;
    height: 6px;
    background: #2828ff;
    border-radius: 10px;
    position: absolute;
    bottom: -10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.head-a a{margin-left: 10px;}
.font13{font-size: 13px;}

.exemption{
    color: #999;
    font-size: 13px;
    margin-top: 10px;
    padding: 10px 5px;
    background: #31353a;
    text-align: center;}

.exemption a{color: red}

.no-border{
    border-bottom: unset!important;
    background: #f5f5f6;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);}
.list-reply{
    /*background: #f5f6f7;*/
    /*padding: 10px;*/
    word-wrap: break-word;
    word-break: normal;}
.list-reply p{padding: 5px 0px;}
.no-border .quote-top{border-left: 3px solid #4c73ff!important;}
.z-9999{z-index: 9999;}
.no-border h2 a{color: #000;}
.wap{display: none;}
.site-list-ul img{
    width: 15px;
    margin-right: 5px;
    margin-top: -5px;}

.msg-bg{
    background: #f5f6f7;
    padding: 10px;}

.user-gold{
    font-size: 12px;
    font-style: normal;
    display: inline-block;
    background-color: #FFC107;
    transform: scale(1);
    height: 20px;
    line-height: 20px;
    padding: 0 4px;
    border-radius: 2px;
    margin-left: 3px;
    font-weight: 400;
    color: #ffffff;
    font-family: 'DIN-Medium','font-regular','Helvetica Neue',sans-serif;}

.user-vip{
    font-size: 12px;
    font-style: normal;
    display: inline-block;
    background-color: #F44336;
    transform: scale(1);
    height: 20px;
    line-height: 20px;
    padding: 0 4px;
    border-radius: 2px;
    margin-left: 3px;
    font-weight: 400;
    color: #ffffff;
    font-family: 'DIN-Medium','font-regular','Helvetica Neue',sans-serif;}

.forum-top-bg{background-color: #fff;}

.wapimg{display: none;}

/*0000000000000000000000000000000000000000000000000000000000*/

@media screen and (max-width: 768px){

.wapimg{display: block;}
.index-mian-bg{
    background: #fff!important;
    background-size: unset;
    background-position: unset;
}



#shangxia {
    position: fixed;
    top: 70%;
    right: -1%;
    display: block;
    z-index: 999;
    margin-right: unset;
    text-align: center;
}

#comt{
    display: none;
}
#shang, #comt, #xia {
    /*background: url(/static/bbs/images/huadong.png) no-repeat!important;*/
    position: relative;
    cursor: pointer;
    height: 27px;
    width: 30px;
    margin: 10px 0 0;
    text-align: center;
}
#myrss {
    background: url(/static/bbs/images/rss.png) no-repeat;
    height: 80px;
    width: 80px;
    margin: 20px 0 0 -26px;
    position: relative;
    cursor: pointer;
    background-size: 100%;
}


.quote-top:before {
    left: 45px;
}
.look-xs-mian {
    width: 115px;
    float: left;
    display: block;
    border: 2px solid #f6f6f6;
    padding: 5px;
    margin-right: 10px;
    background: #f9f9f9;
    text-align: center;
}
.wap{
    display: block;
    display: flex;
    background: #fff;
    text-align: center;
    z-index: 99999999;
    position: fixed;
    width: 100%;
    bottom: 0;
    justify-content: space-around;
    border-top: 1px solid #ecefff;}
.wap a{
    font-size: 12px;
    padding: 5px;
    color: #999;
    padding: 5px 10px;
    display: block;
}

.wap-ok{background-color: #eff6fd;}
.wap-list svg{
    width: 20px;
    height: 20px;}
.h50{height: 50px;}

.exemption {
    font-size: 12px;
    margin-bottom: 3px;
}
.head-a{display: none;}
.over a {
    font-size: 12px;
    display: block;
    padding: 2px 5px;
}
.help-link {
    margin-top: 15px;
}
.nav-top-mian {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.nav-tabs-lf a {
    margin-right: 0px;
    padding: 4px 5px;
    border-radius: 50px;
    color: #77838f;
    font-size: 12px;
}
.novip {
    font-size: 18px;
    padding: 15px;
}
.empty {
    text-align: center;
    padding: 40px;
    color: #999;
}
.footer {padding: 10px;}
.svip {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0px;
}
.vip {
    padding: 10px 0px;
}
.w70{width: 110px!important;}
.tv_btn {
    padding: 0px;
    padding-bottom: 25px;
}
.threevip_wp .btn_tv {
    width: 80%;
    border-radius: 5px;}
.content-mian div {
    border: 1px solid #dee2e6;
    padding: 0px 4px;
    border-radius: 3px;
    margin: 5px;
}
.content-mian i {
    padding-right: 0px;
    font-size: 13px;
}

.index-title span {
    font-size: 20px;
}
.font35 {
    font-size: 25px!important;
}
.tuser-tj {
    margin-top: 0px;
    padding: 0px 40px;
}
.search-p {
    padding-top: 10px;
    color: #999;
    text-align: center;
}
.liset-user-name{
    /*width: 39px;*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: -webkit-inline-box;}
.usertext{
    width: 109px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.wapform{display: block;margin-top: 3px;}
.wapform a{
    margin-left: 10px;
    height: 45px;
    line-height: 45px;
    background: #f2f2f2;
    padding: 8px;
    border-radius: 50px;}
.wapform i{}

.form{display: none;}
.nologin {padding: 30px 5px;}
.top70{margin-top: 65px;}
.list-username {
    width: 135px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: contents;}
.list-ms-rt i {
    font-size: 13px;
    padding-right: 1px;
}
.list-user-img img {
    width: 25px;
    height: 25px;}
.time {
    padding-left: 0px;
}
.list-user-img img {
    width: 32px;
    height: 33px;
    border-radius: 50%;
    vertical-align: -webkit-baseline-middle;
}
.list-user-img img {
    padding: 2px;}
.list-ms-rt span {
    padding-left: 3px;
}
.none{display: none;}
#none{display: none;}
.thread-user-img img {
    width: 40px;
    height: 40px;
    border-radius: 50px;
}
.thread-list-img img {
    width: 40px;
    height: 40px;
    border-radius: 50px;
}
.user-sidebar-info span{display: none;}
.layui-btn-container .layui-btn {
    margin-bottom: 10px!important;
}
.layui-container {padding: 0 10px!important;}
.index-mian {padding: 15px;}

.index-title {
    font-size: 14px;
    font-weight: bold;
    color: #000;
}
.head-user img {
    width: 30px;
    height: 30px;
    border-radius: 50px;
}
.logo img {
    width: 110px;
    margin-top: 3px;
}
.user-panel .avatar {
    width: 80px;
    height: 80px;
    max-width: 80px;
    min-width: 80px;
    cursor: pointer;
    border: 5px solid #f7f9fa;
    position: relative;
    z-index: 4;
}
.mask-wrapper {
    padding-top: 25%;
}
.user-panel-info h1 {
    display: flex;
    flex-flow: column;
    font-size: 18px;
}
.userDisplayName {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}
.user-panel-info {
    padding-left: 12px;
    padding-top: 30px;
    align-items: initial;
}
.user-panel .avatar{margin-top: 20px;}

.user-page-lv{padding-bottom: 10px;}

.user-panel-info p {
    align-items: center;
    font-size: 13px;
    color: #797C80;
    font-weight: 400;
    margin-top: 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-justify: inter-ideograph;
    word-break: break-all;
    margin-right: 0;
}
.user-follow{
    position: absolute;
    top: 0px;
    right: 10px;}

.user-sidebar {
    width: 20%;
}
.user-sidebar-info {
    display: flex;
    flex-flow: column;
    margin: 0;
    padding: 12px 10px;
}
.author-sidebar-down {
    display: none;
}
.user-sidebar-info p i {
    display: block;
    margin-bottom: 5px;
    margin-right: 4px;
}
.user-sidebar-info p {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}
.user-left-mian {
    display: flex;
    flex-flow: wrap;
}

.user-sidebar-count li {
    width: 33.33333%;
    padding: 20px;
}
.top10{margin-top: 10px;}







}