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;
}

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


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

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

textarea {
resize: none;
overflow: auto;
}

.clearfix {
zoom: 1;
}




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



#wrapm {
    overflow: hidden;
}

#read-more a {
    margin: 10px 0px;
    background: #f8f8f8;
    padding: 10px 0px;
    width: 100%;
    display: block;
    text-align: center;
    border-radius: 30px;
    color: #BDBDBD;
}

.pc-h2{
    font-size: 17px;
    font-weight: bold;
    color: #333;
}



.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;
}
.oks{background: #eaf7f3!important;}
.reg{
    background: #f5f5f5;
    color: #000;
    border: 1px solid #e2e2e2;}

.sc-my a {
    color: #9E9E9E;
}

body{background: #f8f8f8;}
/*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: 99999;
    top: 0;
    height: 57px;}
.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{max-width: 145px;
    margin-top: 7px;
    border-radius: 10px;}

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

.bottom_description{width: 345px;}


.bookmark-banner {
    padding: 30px;
    margin: auto;
    text-align: center;
    font-weight: 500;
}

.bookmark-banner p {
    font-size: 20px;
}
kbd {
    margin: 0 .1em;
    padding: .1em .6em;
    border-radius: 3px;
    border: 2px solid #ccc;
    color: #333;
    line-height: 1.4;
    font-family: Arial,Helvetica,sans-serif;
    font-size: .6em;
    display: inline-block;
    box-shadow: 0 1px 0 rgba(0,0,0,.2), inset 0 0 0 2px #fff;
    background-color: #f7f7f7;
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,.2),0 0 0 2px #fff inset;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.2), 0 0 0 2px #fff inset;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-shadow: 0 1px 0 #fff;
    vertical-align: middle;
}
.bookmark-banner p.small {
    font-size: 16px;
    padding-top: 10px;
    font-weight: 500;
    color: #656565;
}




/*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;
}
.message-dell{text-align: center;}
.message-dell a{color: rgba(134, 142, 150, 0.8);}
.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: 100%;
}
.message{}
.user-message{
    border-radius: 20px;
    top: 15px!important;
    left: 15px!important;}
.list-user-title i{padding-right: 5px;}
.list-user-title a{
    font-size: 16px;
    color: #555;
    /*vertical-align: top;*/
}
.list-user-title a:hover{
    color: #657ef5;
}
.list-user-title h2{margin-bottom: .8rem;}
.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: #fff;
}

.a-list-mian{
    line-height: 15px;}
.a-list-mian span {
    color: #a5a5a5;
    font-size: 12px;
    padding-right: .25rem;
    font-weight: 100;
}
.a-list-mian-l > span + span::before {

}
.a-list li{
    border-bottom: 1px dashed #e2e2e2;
    padding: 3px 0px;}
.black{background: #000;}

.layui-btn-normal {
    background: #0e24c3;
    -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: 100%;
    padding: 5px;
    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: #c0c4cc;
    padding: 10px 0px;}

.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: 70px; */
    /* background-position: center; */
    /* background-size: cover; */
    /* background-repeat: no-repeat; */
}
.mask-wrapper {
    font-size: 24px;
    font-weight: 600;
    padding-top: 15px;
}
.my-mian{padding: 10px 30px;}
.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;
}
.favorite-over{font-size: 12px!important;}
.user-sidebar-info p {
    color: #333;
    font-size: 16px;
}
.user-sidebar-info p span{
    margin-left: 8px;
    border-radius: 50%;
}
.user-sidebar-info img{
    width: 25px;
    margin-right: 10px;}
.user-sidebar-info p {
    display: flex;
    align-items: center;
    color: rgba(0,0,0,.65);
}
.h10{height: 10px;}
.mysc{
    font-size: 13px;
    color: #999;}
.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;
}

.content_content td {padding: 5px;border:1px solid red;font-size: 12px;color: #000000;margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;}  
.content_content table,table td,table th{border:1px solid #194189;border-collapse:collapse;}

.content_content table {  width: 100%; }
.content_content td { width: 1px;  }


.user-avatar-mian{margin: 10px 0px;border-bottom: 1px solid #f8f8f8;}
.active{
    background: #f8f8f8;}
.my-mian{}
.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: 100px;
}
.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;font-size: 15px!important;}
.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;
}

.article-title {
    text-align: center;
    padding:10px;
    }
.article-title h1 {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.8rem;
    color: #333;}
.article-title .article-date .time {font-size: 13px; color: #999; }
.article-title .article-date .source {font-size: 13px; color: #999; padding-left: .5rem; }
.article-title .article-date .source a { color: #999; }
.article-title .article-date{padding-top: 10px;}
.content{
    font-size: 14px;
    color: #555;
    line-height: 1.9rem;
    word-break: break-all;
    padding: 10px;
}

.article-legend legend{
    text-align: center;
    margin-left: 0!important;
    font-size: 12px!important;
    color: #999!important;
}
.pagination li {display: inline-block;
    margin-right: 3px;
    /*border: 1px solid #e2e2e2;*/
    background: #f7f8fa;
    min-width: 30px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    /*border-radius: 50px;*/}

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

.pagination li a {display: block;text-align: center;}

.thread-list-content{padding: 10px 0px;}

.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;
}

/*分享代码*/
.share{
    text-align: center;
}
.share .sharebt.sina {
    background: url(../images/share.png) no-repeat -130px -87px;
}
.share .sharebt.tQQ {
    background: url(../images/share.png) no-repeat -183px -20px;
}
.share .sharebt.qZone {
    background: url(../images/share.png) no-repeat -73px -20px;
}
.share .sharebt.douban {
    background: url(../images/share.png) no-repeat -130px -151px;
}
.share .sharebt.weixin {
    background: url(../images/share.png) no-repeat -73px -87px;
}
.share .sharebt:hover{transition: -moz-transform 2s ease-out 0s;}

.share .sharebt {
    width: 36px;
    height: 36px;
    z-index: 1;
    cursor: pointer;
    text-indent: -9999px;
    display: none;
    background: no-repeat;
    /*border: 3px solid #f5f5f5;*/
    border-radius: 50%;
    display: inline-block;
}
/*收藏*/
.favorite{
    padding: 20px;
    text-align: center;}


.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: #393d49;}

.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: 50px;}
.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: 25px;
    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;}
.tuser-tj-list{}
.tuser-tj-list span{display: block;color: #888888;}
.tuser-gz{padding-top: 15px;
    text-align: center;}
.tuser-group{}
.tuser-gz span{vertical-align: top;}
.tuser-brief{
    padding: 10px;
    flex-wrap: wrap;
    word-break: break-all;
    color: #999;
    background: #fafafa;
    margin-top: 5px;}
.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;
}

.top-head{
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;}
.top-head a{
    background: #fff;
    border-radius: 5px;
    /*box-shadow: 0 8px 53px 0 rgba(6,19,138,.06);*/
    -webkit-box-shadow: 0 4px 4px rgba(0,0,0,.15);
    box-shadow: 0 4px 4px rgba(0,0,0,.15);}
.top-examtype {
    padding: 5px 10px;
    margin: 5px 0px;
    text-align: center;}
.top-head a:hover{
    background: #eee;
}
.null{
    text-align: center;
    color: #ccc;
    font-weight: 100;
    padding: 20px;}
.nav-top-bg{
    background: #eee;
    border-radius: 15px;
    margin: 10px 0px;}
.top-examtype-name{
    font-weight: bold;
    margin-bottom: 5px;
    display: block;}
.top-examtype p{
    font-size: 12px;
    color: #c2c2c2;}
.top-examtype 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;
}

.uinfo-sider .uinfo-head-avatar {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
}
.uinfo-sider .uinfo-head-name {
    display: block;
    text-align: center;
    font-size: 18px;
    margin: 10px 0;
}
.uinfo-sider .uinfo-head-avatar img {
    width: 100%;
    height: 100%;
}
.user-avatar-mian p{
    text-align: center;
    padding-bottom: 10px;}
.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: #4e74fe;
    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: wrap;}

.nav-top-mian a:hover{
    background: #0e24c3;
    -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);
    border-radius: 15px;
    color: #fff;
    }


.nav-top-mian a{
    padding: 1px 13px;
    font-size: 14px;
    margin: 3px;
    color: #666;
    border-radius: 15px;}
.nav-top-mian .ok{
    background: #0e24c3;
    -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);
    border-radius: 15px;
    color: #fff;
    }

.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;
}
.user-link a{
    padding: 0px 5px;
    text-align: center;
}
.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: 10px;}
.tip{
    background: #ecefff;
    padding: 5px;
    margin-top: 5px;
    border: 2px dotted #fff;}
.tip p{}
.tip font{color: red;}

.lose{
    position: absolute;
    right: 90px;
}
.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_bar {
    line-height: 1rem;
    display: flex;
    justify-content: space-between;
}
.list_bar_l > span + span::before {
    display: inline;
    content: " \B7 ";
    color: #9b9b9b;
    /* padding-left: 2px; */
    padding-right: 2px;
}
.list_bar .list_bar_l span {
    float: left;
    color: #a5a5a5;
    font-size: 12px;
    padding-right: .25rem;
}
.list_bar .list_bar_l span a{
    color: #a5a5a5;
    font-size: 12px;
}
.text_black {
    color: #a5a5a5;
    font-size: 12px;
}
.jz-bmz{
    padding: 3px 5px;
    margin-right: 5px;
    color: #35b387!important;
    border: 1px rgba(29, 166, 186, 0.1) solid!important;
    background: rgb(53 179 135 / 0.1)!important;
    font-size: 12px;
    border-radius: 10px;
    vertical-align: bottom;}
.jz-yjs{
    padding: 3px 5px;
    margin-right: 5px;
    color: #9E9E9E!important;
    border: 1px rgb(158 158 158 / 21%) solid!important;
    background: rgb(158 158 158 / 20%)!important;
    font-size: 12px;
    border-radius: 10px;
    vertical-align: bottom;}

.jz-dbm{
    padding: 3px 5px;
    margin-right: 5px;
    color: #f5b443!important;
    border: 1px rgb(245 180 67 / 0.1) solid!important;
    background: rgb(245 180 67 / 0.1)!important;
    font-size: 12px;
    border-radius: 10px;
    vertical-align: bottom;}
.nav-tabs-lf .ok {
    background: #393d49;
    color: #fff;
}
.nav-tabs-lf a:hover{
    background: #393d49;
    color: #fff;
}
.pinb-10{padding-bottom: 10px;}

.correlation-mian li{
    padding: 3px 0px;
    position: relative;
}

.correlation-mian li:before {
    position: absolute;
    left: 0;
    top: 13px;
    display: inline-block;
    content: "";
    width: 4px;
    height: 4px;
    background: #d81e06;
}

.correlation-mian li a{
    color: #778087;
    padding-left: 10px;
}
.statement p{color: #999;}

.a-list li a:visited {
    color: #999;
}
.a-list li a {
    font-size: 13px;
/*    line-height: 25px;*/
    color: #555!important;
}
.a-list a:hover {
    color: #657ef5!important;
}
.a-list .jz-bmz,.jz-dbm{padding: 1px 5px;}
.a-list .region{padding: 0px 3px;}
.head-lm{
    display: flex;
    align-items: center;
}
.head-lm a{
    font-weight: 800;
    font-size: 18px;
    color: #3c464f;
    margin-left: 30px;}
.head-lm a:hover{color: #0e24c3;}
.head-lm .ok{
    color: #1024c4;
    position: relative;
}

.head-lm .ok:before {
    content: "";
    width: 40px;
    height: 6px;
    background: #0e24c3;
    border-radius: 10px;
    position: absolute;
    bottom: -10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    }

.article-card{
    background: #fef7ec;
    border-radius: 5px;
    padding: 10px;}
.article-card p{}
.article-card span{color: red;}

.mores{
    display: flex;
    justify-content: space-between;}
.mores a{color: #ccc;}
.mores span{
    font-size: 15px;
    font-weight: 600;
    color: #333;}

.copyright{
    text-align: center;
    padding: 10px;
    background: #2d2d33;}
.copyright p{color: #666;}
.copyright a{color: #666;}

.await i{color: #f5b443;padding-right: 5px;}
.now i{color: #35b387;padding-right: 5px;}
.today i{color: #e95456;padding-right: 5px;}

.todays-mian{}
.todays-mian p{
    font-size: 18px;
    padding-bottom: 15px;
    color: #999;
    }
.todays-mian span{
    font-size: 25px;
    color: red;
    padding: 0px 5px;
    font-weight: bold;
    }

.nowtime{
    font-size: 25px;
    padding: 15px 0px;
    font-weight: bold;
}
.nowtime h1{
    font-size: 25px;
    padding: 15px 0px;
    font-weight: bold;
}
.list .layui-timeline-item {
    padding-bottom: 0px!important;
}
.now-i{
    color: #35b387;
    padding-right: 5px;
    font-size: 25px;}
.await-i{
    color:#f5b443;
    padding-right: 5px;
    font-size: 25px;}

.avatar_pop .ava_menu{ margin: 0 10px;}
.avatar_pop .ava_menu li{position: relative;
    /* height: 45px; */
    /* line-height: 45px; */
    display: flex;
    padding: 3px 0px;
    align-items: center;
    /*border-bottom: 1px solid #f6f6f6;*/}
.avatar_pop .ava_menu li span{
    margin-left: 8px;
    border-radius: 50%;
    position: absolute;
    right: 7px;}
.avatar_pop .ava_menu .sc{
    color: #333;
    margin-left: 0px;
    border-radius: 50%;
    position: absolute;
    right: 15px;}
.avatar_pop .ava_menu li img{
    height: 25px;
    padding-right: 5px;
}
.avatar_pop .ava_menu li a{font-size: 16px;color: #333;display: contents;}
.avatar_pop .ava_menu li a span{ color: #999; font-size: 12px; font-weight: 400; margin-left: 5px;}
.avatar_pop .ava_bot{ position: absolute; bottom: 0; width: 100%; text-align: center;}
.avatar_pop .ava_bot a{ color: #f8f8f8; padding: 10px; display: inline-block;}
.avatar_pop .ava_menu li:hover {
    background-color: #F6F6F6;
    color: rgba(0,0,0,.8);
}
.user-me{
    width: 172px;
    text-overflow: ellipsis;
    white-space: nowrap;}

.bottom_tools{position:fixed;z-index:1070;right:40px;bottom:40px;}
.bottom_tools>*{font:0/0 a;display:block;margin-top:5px;color:transparent;border:0;background-color:transparent;text-shadow:none}
.qr_img{
    position:absolute;
    top: -134px;
    left: -190px;
    display:none;}
#scrollUp{width:45px;height:45px;background-image:url(../images/backgrounds.32.png);background-position:-54px -53px;display:none;}
#scrollUp:hover{background-image:url(../images/backgrounds.32.png);background-position:-100px -53px}
#feedback{width:45px;height:45px;background-image:url(../images/backgrounds.32.png);background-position:-102px 0}
#feedback:hover{background-image:url(../images/backgrounds.32.png);background-position:-146px -46px}
.qr_tool{width:45px;height:45px;background-image:url(../images/backgrounds.32.png);background-position:-148px 0;cursor:pointer;}
.qr_tool:hover {width: 45px;height: 45px;background-image: url(../images/backgrounds.32.png);background-position: -192px -46px;}
.tool_img img{width: 184px;}

.pc-h1 h1{
    font-size: 25px;
    padding: 15px 0px;
    font-weight: bold;}

.dbm-bg-head {
    background: #fef7ec;
}
.bmz-bg-head {
    background: #eaf7f3;
}


.dbm-bg{background: #fef7ec url(../images/dbm-bg.png) no-repeat right top;background-position: right;}
.bmz-bg{background: #eaf7f3 url(../images/bmz-bg.png) no-repeat right top;background-position: right;}
.yjs-bg{background: #ececec url(../images/yjs-bg.png) no-repeat right top;background-position: right;}
/*0000000000000000000000000000000000000000000000000000000000*/

@media screen and (max-width: 768px){
.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: 25px;
    height: 25px;
    border-radius: 4px;
    vertical-align: -webkit-baseline-middle;
}
.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: 25px;
    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: 0;
}
.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;}







}