body {
    background: #f4f5f8!important;
}
.text-grey, .text-gray {
     color: #494b4d !important; 
}
.pin{
    background-color: #fff;
    border-radius: 4px;
    padding: 20px 20px 0;
    position: relative;
    overflow: hidden;
}
.item{
    transition: all .3s ease-in;
    margin-bottom: 8px;
}
.bui-tabs-tab-active{
    margin-bottom: 1.33333vmin;
    padding: 0;}
.bui-tabs-tab-line {
    background: #fbb913;
    border-radius: .8vmin;
    bottom: 0;
    color: #fbb913;
    height: 3PX;
    position: absolute;
}

.interact-wrapper_1I7ZC {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
}
.c-gap-pad-top-18_6BTwJ {
    padding-top: 0.18rem;
}
/*首页*/
.header-menu-box[data-v-a5906a7c] {
    margin-top: 5px;
}
.header-menu[data-v-a5906a7c] {
    justify-content: space-between;
}

.flex-center {
    display: flex;
    align-items: center;
}
.header-menu .bold.picked[data-v-a5906a7c] {
    font-weight: 700;
    color: #000;
    transition: color .5s;
}
.header-menu .bold[data-v-a5906a7c] {
    font-weight: 700;
    margin-right: 20px;
    display: block;
    overflow: hidden;
    color: #969696;
    transition: color .5s;
}

.bold {
    font-weight: 700;
}

.fs16 {
    font-size: 16px;
}
/*移动端导航栏*/
.navbar {
    height: 50px;
    position: fixed;
    width: 100%;
    z-index: 100;
    backdrop-filter: blur(10.5px);
    -webkit-backdrop-filter: blur(10.5px);
    border: 0 solid rgba(255,255,255,.07);
    /* box-shadow: 0 1px #ecf0f5; */
    /* box-shadow: rgba(142,142,142,.07) 0 6px 15px 0; */
    /* -webkit-box-shadow: rgba(142,142,142,.07) 0 6px 15px 0; */
    border-radius: 0;
    -webkit-border-radius: 0;
    /* box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent, 0 1px 4px 0 rgba(0,0,0,.02), 0 2px 12px 0 rgba(0,0,0,.04), */
}
.QZhead {
    margin: 0 5px;
    text-align: center;
    position: relative;
}

 .QZhead a {
    display: block;
    float: left;
    color: #b9b9b9;
    width: 120px;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    /*max-width: 30%;*/
}
.iconfontr{
    font-size: 18px!important;
}
.QZhead .active {
    color: #242424;
}
.QZhead .active span{
    width: 15px;
    display: block;
    background: #fbb913;
    border-radius: 0.8vmin;
    height: 3PX;
    margin: 0 auto;
}
.QZhead span{}


.date{
    color: #b9b9b9!important;
}
.break-all a{
    background-size: 100% 30%;
    background-repeat: repeat-x;
    background-position: left 0% bottom 0%;
    background-image: linear-gradient(90deg, #fbb913, #fbb91300);
    /*background: url(../images/f1.webp) no-repeat left 92%,url(/plugin/ageng_theme/view/img/f2.webp) no-repeat right 92%,url(/plugin/ageng_theme/view/img/f3.webp) no-repeat center 92%;*/
    /*background-size: .2rem .4rem,.2rem .4rem,calc(100% - .4rem) .4rem;*/
    
}
/*.QZhead .on::before {*/
/*    display: block;*/
/*    content: '';*/
/*    width: 14px;*/
/*    height: 4px;*/
/*    background: #14cccc;*/
/*    border-radius: 2px;*/
/*    position: absolute;*/
/*    bottom: 8px;*/
/*    left: 41%;*/
/*}*/
/*移动菜单消息*/
.xiaoxitixing{
 position: absolute;
    color: white;
    font-size: 15px;
    background-color: red;
    width: 20px;
    height: 20px;
    line-height: 20px;
    left: 60%;
    top: -40%;
    text-align: center;
    -webkit-border-radius: 24px;
    border-radius: 24px;
}
/*有帮助*/
.bui-btn.bui-btn-outlined {
    background-image: none;
    border: 1px solid #ced1d6;
    color: var(--bui-color-fg-default);
}

.comments-list-content-helpful-btn {
    color: #5f6672!important;
    font-size: 3.2vmin;
}
.comments-list-content-helpful .helpful-img {
    height: 3.73333vmin;
    margin-right: 1.06667vmin;
    width: 3.73333vmin;
}
.bui-image .default-icon-wrap.loaded {
    opacity: 0;
}
.comments-list-content-helpful .helpful-img {
    height: 3.73333vmin;
    margin-right: 1.06667vmin;
    width: 3.73333vmin;
}
.bui-btn {
    align-items: center;
    border-radius: 26.66667vmin;
    cursor: pointer;
    display: inline-flex;
    font-size: var(--bui-font-size-tertiary);
    font-weight: 500;
    height: 7.2vmin;
    justify-content: center;
    padding: 0 3.73333vmin;
    position: relative;
    transition: background-color .25s cubic-bezier(.4,0,.2,1) 0ms,opacity .25s cubic-bezier(.4,0,.2,1) 0ms,border-color .25s cubic-bezier(.4,0,.2,1) 0ms,color .25s cubic-bezier(.4,0,.2,1) 0ms;
    white-space: nowrap;
}
.bui-image .default-icon-wrap {
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    transition: opacity .2s ease-in 0ms;
    width: 100%;
    will-change: opacity;
    z-index: 1;
}
.bui-image {
    display: inline-block;
    height: auto;
    overflow: hidden;
    position: relative;
    width: auto;
}
/*侧边栏*/
.js-sidebar,.js-sidebar--background {
	top:0;
	left:0;
	width:100%;
	height:100%
}
.js-sidebar--background {
	-moz-transition:all .3s ease;
	-o-transition:all .3s ease;
	-webkit-transition:all .3s ease;
	transition:all .3s ease
}
.js-sidebar {
	position:fixed;
	z-index:1000;
	-moz-transform:translate(-100%,0);
	-ms-transform:translate(-100%,0);
	-webkit-transform:translate(-100%,0);
	transform:translate(-100%,0);
	-moz-transition:-moz-transform 0s ease .3s;
	-o-transition:-o-transform 0s ease .3s;
	-webkit-transition:-webkit-transform 0s ease;
	-webkit-transition-delay:.3s;
	transition:transform 0s ease .3s
}
.js-sidebar--background {
	position:absolute;
	background:0 0
}
.js-sidebar--container {
	position:relative;
	z-index:1;
	width:80%;
	max-width:300px;
	height:100%;
	background:#fff;
	display:-webkit-flex;
	-webkit-flex-direction:column;
	display:flex;
	flex-direction:column;
	-moz-box-shadow:2px 0 20px rgba(0,0,0,.2),1px 0 10px rgba(0,0,0,.1);
	/*-webkit-box-shadow:2px 0 20px rgba(0,0,0,.2),1px 0 10px rgba(0,0,0,.1);*/
	/*box-shadow:2px 0 20px rgba(0,0,0,.2),1px 0 10px rgba(0,0,0,.1);*/
	-moz-transform:translate(-100%,0);
	-ms-transform:translate(-100%,0);
	-webkit-transform:translate(-100%,0);
	transform:translate(-100%,0);
	overflow:auto
}
.js-sidebar.is-visible {
	-moz-transform:translate(0,0);
	-ms-transform:translate(0,0);
	-webkit-transform:translate(0,0);
	transform:translate(0,0);
	-moz-transition:-moz-transform 0s ease 0s;
	-o-transition:-o-transform 0s ease 0s;
	-webkit-transition:-webkit-transform 0s ease;
	-webkit-transition-delay:0s;
	transition:transform 0s ease 0s
}
.js-sidebar.is-visible .js-sidebar--background {
	background:rgba(0,0,0,.2)
}
/*首页列表*/
.subject_body_img {
    width: 100px;
    height: 70px;
    min-width: 100px;
    object-fit: cover;
    flex: 1;
}

.w-100 {
    width: 100% !important;
}
.d-block {
    display: block !important;
}
.rounded {
    border-radius: 0.25rem !important;
}
/*列表头像*/
.pin-header {
    margin-right: 5px;
}
.pin-header-row .account-group, .pin-header-row {
    display: flex;
    align-items: center;
}

.pin-header-row .pin-header-content {
    margin-left: 12px;
}
.pin-header-row {
    justify-content: space-between;
}
.pin-header-row .pin-header-content .pin-header-popover {
    display: flex;
    align-items: center;
}
.pin-header-row .avatar{
    flex: 0 0 auto;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
}
.pin-header-row .meta-box .position{
    max-width: 24rem;
}
.pin-header-row .meta-box{
    display: flex;
    align-items: center;
    font-size: 13px;
    line-height: 24px;
    color: #8a919f;
    cursor: default;
    white-space: nowrap;
}
.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.avatar {
    display: inline-block;
    position: relative;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.lazy {
    position: relative;
    -o-object-fit: cover;
    object-fit: cover;
}
/*点赞分享*/
.pin-action-row {
    margin-top: 12px;
    margin-left: -20px;
    margin-right: -20px;
}
.action-box {
    display: flex;
    position: relative;
    height: 36px;
    /* border-top: 1px solid #e4e6eb; */
    color: #86909c;
}
.action {
    flex: 1 1 33.333%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 100%;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/*评论*/
.comment-margin {
    margin: 5px 0px 0px 0px;
    border-radius: 5px;
    background: #F6F6F6;
    padding: 5px;
    position: relative;
    border: 1px solid #F6F6F6;
}


@media (min-width: 1200px){
#body {
    padding-top: 100px;
}
.navbar {
    height: 80px;}
.pbl-0 {
    column-count: 4;
    column-gap: 10px;
}
.pbl-0 li{
page-break-inside:avoid;}    
}
@media (max-width: 576px){
/*帖子*/
.citiao{
  box-sizing: border-box;
    width: 100%;
    background: #fff url(../images/word-detail-bg.png) right 5.066666666666666vw no-repeat;
    background-size: 35.2vw 55.86666666666667vw;
}
.pagination{
    margin-bottom: 4rem;
}
.pin{
    width: 100% !important;
        border-radius: 0px;
}
#body {
    
    padding-top: 54px;
}
#footer {

}
    
}
.tab-h{
    height: 80rpx;width: 100%; box-sizing: border-box;overflow: hidden;line-height: 80rpx;background: #F7F7F7; font-size: 16px; white-space: nowrap;position: fixed;top: 0; left: 0; z-index: 99;}
.tab-item{margin:0 36rpx;display: inline-block;}
.tab-item.active{color: #4675F9;position: relative;}
.tab-item.active:after{ content: "";display: block;height: 8rpx;width: 52rpx;background: #4675F9;position: absolute; bottom: 0;left: 5rpx;border-radius: 16rpx;}
.item-ans{ width: 100%;display: flex; flex-grow: row no-wrap;justify-content: space-between; padding: 30rpx;box-sizing: border-box; height: 180rpx;align-items: center;border-bottom: 1px solid #F2F2F2;}
.avatar{width: 100rpx;height: 100rpx;position: relative;padding-right: 30rpx;}
.avatar .img{width: 100%;height: 100%;}
.avatar .doyen{width: 40rpx;height: 40rpx;position: absolute;bottom: -2px;right: 20rpx;}
.expertInfo{font-size: 12px;flex-grow: 2;color: #B0B0B0;line-height: 1.5em;}
.expertInfo .name{font-size: 16px;color:#000;margin-bottom: 6px;}
.askBtn{ width: 120rpx;height: 60rpx;line-height: 60rpx;text-align: center;font-size: 14px; border-radius: 60rpx;border: 1px solid #4675F9; color:#4675F9;}
.tab-content{margin-top: 80rpx;}
.scoll-h{height: 100%;}

/*下拉刷新*/
@charset "utf-8";
/*!
 * pull to refresh v3.0
 *author:wallace
 *2015-10-15
 *qq447363121
 *陈国华
 */
html, body {
  width: 100%;
  height: 100vh;
  padding: 0;
  margin: 0;
}

ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}

.pull-refresh {
  width: 100%;
  height: 100%;
}

#pull-refresh-container {
  width: 100%;
  /*height: 100%;*/
  /*background-color: #f0f3f8;*/
  position: absolute;

}

.pull-refresh-head {
  position: absolute;
  left: 0;
  width: 100%;
  transform: translateY(-100%);
}

.pull-refresh-text {
  text-align: center;
}
/*首页最新回复*/
.cirbar{height:54px;line-height: 54px;padding:0 15px;overflow: hidden;white-space: nowrap;overflow-x: scroll;overflow-y: hidden;-webkit-backface-visibility: hidden;-webkit-perspective: 1000;-webkit-overflow-scrolling: touch;text-align: justify;box-sizing: border-box;display: flex;background-color: #fff;}
.cirbar li{height: 90%;margin-right:10px;text-align: center;position: relative;}
.cirbar li a{color: #666;background-color: #F5F5FA;padding: 5px 10px;border-radius: 20px;font-size: 0.9rem;}
.cirbar li.a a{background-color:#ffda41;color: #333;}
.cirbar::-webkit-scrollbar  {display: none;}
li{ list-style: none;}


/*****搜索弹窗******/
.search-page {
    width: 100%;
    left: 0;
    background: #ebf0fa;
    position: absolute;
    top: 80px;
    z-index: 8;
    display: none;
    border-radius: 5px;
}
.search_box {
    padding: 20px;
}
.search-page .go-left {
    background: url(../images/prev_close.png) no-repeat left center;
    width: 32px;
    height: 32px;
    background-size: 32px;
    position: absolute;
    right: 20px;
    top: 10px;
}
.search-page .search {
    clear: both;
    width: 60%;
    margin: auto;
    border-radius: 0 5px 5px 0;
    position: relative;
    overflow: hidden;
}
.search input.input_text {
    border: 0;
    line-height: 36px;
    height: 36px;
    font-size: 14px;
    outline: none;
    text-indent: 1em;
}
.search-page .search input.input_text {
    width: 80%;
    float: left;
    z-index: 9;
}
.search input.input_submit {
    border: 0;
    color: #fff;
    outline: none;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    font-size: 15px;
    height: 36px;
    background: #001737;
    line-height: 36px;
    cursor: pointer;
}
.search-page .search input.input_submit {
    width: 20%;
}

@media only screen and (max-width: 959px){
.search-page {
    position: fixed;
    top: 50px;
    border-radius: 0;
}
.search-page .go-left {
    right: 5px;
    top: 5px;
    background-size: 16px;
    width: 16px;
    height: 16px;
}
.search-page .search {
    width: 90%;
}

}