.author--header { background-color: #fff; padding: 50px 0 60px; margin-bottom: 20px; -webkit-box-shadow: 0px 2px 6px rgb(230 230 230 / 50%); box-shadow: 0px 2px 6px rgb(230 230 230 / 50%); }

.u-centered { margin-left: auto; margin-right: auto; position: relative; }
.author--meta .avatar { border-radius: 100%; border: 3px solid #fff; }
.author--meta .name { font-size: 26px; }
.author--meta .description { color: rgba(0,0,0,.5); max-width: 600px; }
.author-page-meta { padding-top: 15px; padding-bottom: 20px; display: flex; position: absolute; right: 30px; bottom: 0px; font-size: 16px; }
.author-page-meta span { text-align: center; display: flex; flex-direction: column; margin-right: 30px; color: rgba(0,0,0,.5); }
.author-page-meta span i { font-style: normal; color: rgba(0,0,0,.8); font-weight: 600; }

.layui-tab-content { background: #fff; }

.article-list { }
.article-item { background: #fff; margin-top: 20px; border-radius: 6px; display: flex; margin-bottom: 15px; box-shadow: 0 1px 1px 0 rgb(0 0 0 / 5%); min-height: 173px; }
.article-item .article-pic { width: 236px; height: 143px; flex: 0 0 auto; padding: 15px; position: relative; }
.article-item .article-pic img { max-width: 100%; height: 143px; width: 236px; }
.article-item .article-pic a { display: block; overflow: hidden; }
.article-item .article-pic .post-cat { position: absolute; background-color: #303842; color: #fff; border-radius: 3px; padding: 1px 10px; top: 25px; left: 25px; font-size: 12px; z-index: 6; }
.article-item .article-pic .post-cat a { color: #fff; }
.article-item .article-pic .post-cat.it { background-color: #dda23c; }
.article-item .article-pic .post-cat.pd { background-color: #34415d; }

.article-item .article-box { flex: 1 1 auto; position: relative; padding: 15px 15px 15px 15px; display: flex; flex-direction: column; }
.article-item .article-box h3 { font-size: 20px; line-height: 1.4; font-weight: 500; margin: 0 0 5px; transition: .5s; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.article-item .article-box h3 a:hover { color: #4370f5; }
.article-item .article-box p { font-size: 14px; color: rgba(0,0,0,.6); text-align: justify; margin: 0; margin-top: 5px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; }
.article-item .article-box .bottom { position: absolute; bottom: 10px; color: rgba(0,0,0,.5); width: 100%; display: flex; }
.article-item .article-box .bottom span { margin-top: auto; display: flex; font-size: 12px; color: rgba(0,0,0,.5); align-items: center; line-height: 1.6; }
.article-item .article-box .bottom em { margin-left: auto; display: flex; margin-right: 30px; font-size: 12px; color: rgba(0,0,0,.5); align-items: center; line-height: 1.6; }


.tb-list { background: #fff; }
.tb-list .tb-item { margin: 0 30px; }
.tb-list .tb-item .ss { color: #3F6180; }
.tb-item { border-bottom: 1px solid #e6e6e6; }
.tb-item:last-child { border-bottom: 0; }
.tb-item .ask { font-size: 18px; font-family: PingFang SC; font-weight: 400; color: rgba(51, 51, 51, 1); line-height: 24px; margin-top: 20px; }
.tb-item .hour24-text{font-size:16px;line-height:24px;padding-top:6px;padding-bottom:6px;}
.tb-item .tip { display: flex; justify-content: space-between; }
.tb-item .tip-content { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.tb-item .tip p { font-size: 12px; font-weight: 400; font-family: PingFang SC; line-height: 52px; }
.tb-item .tip .s1 { float: left; color: #999; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; max-width: 350px; display: inline-block; }
.tb-item .tip .s2 { float: left; color: #999; padding: 0 10px; }
.tb-item .tip .s3 { float: left; font-family: MicrosoftYaHei; color: rgba(153, 153, 153, 1); }
.tb-item .tip .s4 { float: left; font-family: MicrosoftYaHei; color: rgba(102, 102, 102, 1); }
.tb-item .tip .s5 { float: left; color: #999; padding-right: 10px; }

.load-more { height: 60px; line-height: 60px; text-align: center; font-size: 16px; color: #406080; background-color: #F2F2F2; }

.u-detail-info .layui-tab-title li{font-size:20px;}
.u-detail-info .layui-tab-title li.layui-this a{border-color:#d71a1b;}
.u-detail-info .layui-tab-title li.layui-this:after{border-color:#d71a1b;}

.relation-artlice { border-radius: 4px; padding: 15px; margin-bottom: 20px; background-color: #fff; box-shadow: 0 1px 1px 0 rgb(0 0 0 / 5%); }
.relation-title { border-bottom: 3px solid #eee; align-items: center; font-size: 16px; display: flex; line-height: 1; position: relative; }
.relation-title span { border-bottom: 3px solid #eee; align-items: center; font-size: 18px; display: flex; line-height: 1; border-bottom: 3px solid #4370f5; padding-bottom: 8px; transform: translate3d(0,3px,0); }
.relation-title a { position: absolute; right: 5px; top: 2px; }

.widget-post-list { counter-reset: c; list-style: none; padding: 10px 0 0; margin: 0; }
.widget-post-list li { list-style: none; padding: 0; display: flex; counter-increment: c; padding: 5px 0; }
.widget-post-list li .pic { flex: 0 0 auto; margin-right: 10px; position: relative; overflow: hidden; border-radius: 3px; }
.widget-post-list li .pic i { position: absolute; left: 0; top: 0; background-color: #ff5c00; font-size: 12px; padding: 2px 6px; color: #fff; border-radius: 0 0 3px 0; }
.widget-post-list li .pic a { display: block; }
.widget-post-list li img { border-radius: 3px; display: block; transition: .5s; width: 105px; height: 63px; }
.widget-post-list li .box { flex: 1 1 auto; display: flex; justify-content: space-between; flex-direction: column; }
.widget-post-list li .box h3 { line-height: 1.3; font-size: 14px; font-weight: 600; transition: .5s; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.widget-post-list li .box p { font-size: 12px; color: rgba(0,0,0,.65); }


.relation-ask { border-radius: 4px; padding: 15px; margin-bottom: 20px; background-color: #fff; box-shadow: 0 1px 1px 0 rgb(0 0 0 / 5%); }
.ask-inner .ask-hot-qlist { }
.ask-inner .ask-hot-qlist .ask--item { font-size: 14px; padding: 12px 0; border-bottom: 1px dashed #eee; }
.ask-inner .ask-hot-qlist .ask--item .title { line-height: 1.4; margin-bottom: 6px; }
.ask-inner .ask-hot-qlist .ask--item .meta { color: rgba(0,0,0,.55); line-height: 1; }