/* post-list */
.post-list{
}

.post-list > ul{

}

.post-list > ul > li{
    position: relative;
}

/* 分割线 */

.post-list > ul > li.underline::after{
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background-image: linear-gradient(to right,  transparent 0%,  #e5e5e5 25%, #e5e5e5 75%, transparent 100%);
}


.post-list > ul > li.picture{
}

.post-list > ul > li.video{
}

.post-list .author{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 15px 0;
}

.post-list .author-avatar{
    width: 17.5px;
    height: 17.5px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 4px;
}

.post-list .author-avatar img{
    width: 100%;
}

.post-list .author-name{
    font-size: 11px;
    color: #999;
    margin-right: 5px;
}
.post-list .author-name a{
    color: #999;
}
.post-list .author-badge{
    margin-right: 5px;
}
.post-list .author-badge span.author-vip{
    display: block;
    width: 11px;
    height: 11px;
    background: url(../../images/wap4.0/bbs/icon-vip@2x.png) no-repeat 0 0;
    background-size: 11px 11px;
}
.post-list .author-follow{
    font-size: 10px;
    color: #9b5e27;
    margin-right: 5px;
}
.post-list .author-followed{
    color: #999;
}




.post-list .post-title{
    font-size: 15px;
    line-height: 1.5;
    color: #333;
    margin-bottom: 10px;
}

.post-list .post-intro{
    font-size: 13px;
    line-height: 20px;
    height: 40px;
    color: #333;
    padding-top: 7px;
}

.post-list .post-card-picture{

}

.post-list .post-card-picture ul{
    display: flex;
    justify-content: flex-start;
    gap: 2px;
}

.post-list .post-card-picture li{
    flex: 0 0 calc((100% - 4px) / 3);
    aspect-ratio: 234 / 157;
    overflow: hidden;
}
.post-list .post-card-picture li:first-child{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.post-list .post-card-picture li:last-child{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.post-list .post-card-picture img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.post-list .post-info{
    display: flex;
    height: 18px;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
}

.post-list .post-info-left{
    display: flex;
    align-items: center;
}
.post-list .post-info-left span{margin-right: 5px;}

.post-list .style-default{
    font-size: 11px;
    color: #a0a0a0;
}

.post-list .style-brand{
    color: #999;
    background-color: #f5f4f9;
    font-size: 9px;
    line-height: 15px;
    height: 15px;
    border-radius: 7.5px;
    padding: 0 .5em;
}

.post-list .post-info-right{
    display: flex;
    justify-content: flex-start;
    gap: 20px;
}


.post-list .post-info-icon{
    background: url(../../images/wap4.0/bbs/icon-comment.png) no-repeat 0 0;
    background-size: 18px 75px;
    height: 18px;
    padding-left: 22px;
    font-size: 11px;
    line-height: 18px;
}
.post-list .post-info-share{
    background-position: 0 -50px;
}

.post-list .post-info-comment{
    background-position: 0 -25px;
}

.post-list .post-info-like{
    background-position: 0 0px;
}

.video-landscape .post-card-video{
    width: 100%;
}

.video-portrait .post-card-video{
    width: calc(320 * 100vw / 750);
}

.post-card-default{
    border-radius: 8px;
    overflow: hidden;
}
.post-card-default img{
    width: 100%;
}
.post-card-video{
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}
.post-card-video img{
    width: 100%;
}
.post-card-video::after{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -22.5px;
    margin-top: -22.5px;
    content: "";
    width: 45px;
    height: 45px;
    background: rgba(255,255,255,0.5) url(../../images/wap4.0/bbs/icon-play.png) no-repeat 50% 50%;
    border-radius: 50%;
    background-size: 13.5px 15.5px;
}
.post-card-video span{
    position: absolute;
    right: 17px;
    bottom: 10px;
    font-size: 12px;
    color: #fff;

}

/* 通用 */
.post-list-common{
    padding-top: 10px;
}
.post-list-common:last-child{
    padding-top: 0px;
}
.post-list-common ul{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0px 5px;
}
.post-list-common .post-content{
    padding: 0px;
}
.post-list-common .post-content .post-card-default{
    width: 100%;
    /* height: 215px; */
    overflow: hidden;
}

.post-list-common .post-intro,
.post-list-common .post-info{
    padding-left: 5px;
    padding-right: 5px;
}
.post-list-common .post-intro{
    /* 限制两行并显示省略号 */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 女表友 */
.post-list-girl .post-content{
    padding: 10px 0 0;
}


/* 看山看海 */
.post-list-travel .post-card-default{
    border-radius: 0;
}
.post-list-travel .post-intro,
.post-list-travel .post-info{
    padding-left: 10px;
    padding-right: 10px;
}
.post-list-travel .post-content{
    padding: 15px 0 0;
}


/* 车表 */
.post-list-car{
    padding-top: 10px;
}
.post-list-car ul{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0px 5px;
}
.post-list-car .post-content{
    padding: 0px;
}
.post-list-car .post-content .post-card-default{
    width: 100%;
    height: 306px;
    overflow: hidden;
}

.post-list-car .post-intro{
    /* 限制两行并显示省略号 */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 论坛-4作业 条件按钮 */

.condition-box{
    padding: 12.5px 0;
}
.condition-box ul{
    display: flex;
    justify-content: space-between;
}
.condition-box ul li{
    width: calc( (100% - 24px)/4 );
    max-width: 85px;
    height: 30px;
    font-size: 12px;
    color: #74381e;
    background-color: #fff;
    line-height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.condition-box ul li span{
    padding: 5px;
    width: 6px;
    height: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.condition-box ul li span::after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 3px solid rgba(255, 255, 255, 0);
    border-bottom: transparent;
    border-top: 5px solid #666;
}

/* 下拉选择框*/
.select-wrapper{
    left: 0px;
    top: 55px;
    z-index: 9;
    width: 100%;
    background-color: #fff;
}
.select-wrapper .select-box{
    height: 200px;
    overflow-y: auto;
}
.select-wrapper .select-box ul{

}
.select-wrapper .select-box ul li{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
    height: 30px;
    overflow: hidden;
    font-size: 10px;
    color: #000;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    width: 100%;
    box-sizing: border-box;
}

.select-wrapper .select-box ul li span{
    display: none;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #74381e;
    position: relative;
    flex-shrink: 0;
}

.select-wrapper .select-box ul li.active span{
    display: inline-flex;
}

.select-wrapper .select-box ul li.active em{
    color: #74381e;
}

.select-wrapper .select-box ul li span::after{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 4px;
    height: 8px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: translate(-50%, -60%) rotate(45deg);
}

.select-confirm{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.select-confirm > div{
    width: 50%;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    text-align: center;
}
.select-confirm .select-cancel{
    background-color: #eee;
    color: #333;
    
}
.select-confirm .select-done{
    background-color: #9b5e27;
    color: #fff;
}

/* page */
/* bbs-fresh */
.bbs-fresh .wrapper{
    padding: 10px 5px 0;
}
.bbs-fresh .wrapper .post-list{
    background-color: #fff;
    padding: 0 5px;
    border-radius: 5px;
}

/**************** 购表作业 *******************/

/* filter 按钮 */
.task-filter-watch { position: relative;  }
.task-filter-watch .task-btn li a{ display: block; }
.task-filter-watch .task-btn {  padding: 12.5px 12px;  }
.task-filter-watch .task-btn li{ overflow: hidden; font-size: 12px; float: left;  width: 24%; text-align: center;  height: 30px;  line-height: 30px;  background: #fff;  color: #74381e; }
.task-filter-watch .task-btn li.task-filter-hot.act ,.task-filter-watch .task-btn li.task-filter-new.act{ box-sizing:border-box;  }
.task-filter-watch .task-btn li.task-filter-hot.act a,.task-filter-watch .task-btn li.task-filter-new.act a {  color: #733a1d; }
.task-filter-watch .task-btn li+li {   margin-left: 1%; }
.task-filter-watch .task-btn li .filter-box i {  position: relative;  top: -1px; margin-left: 5px;  display: inline-block;  width: 10px;  height: 6px;  background: url(../../images/wap3.0/arr-down2.png)no-repeat 0 0 / 100% 100%; }
.task-filter-watch .task-btn li.act .filter-box {  box-sizing:border-box; height: 30px;  color: #733a1d;line-height: 30px; border-radius: 2px; }
.task-filter-watch .task-btn li div.filter-value {  position: relative; height: 100%; box-sizing:border-box; border: 1px solid #733a1d;  color: #733a1d;  border-radius: 2px;  }
.task-filter-watch .task-btn li div.filter-value i {  position: absolute;  right: -2px;  bottom: -8px; -webkit-transform: rotate(45deg);transform: rotate(45deg);  width: 13px;  height: 27px;  line-height: 28px;  color: #fff;  text-align: center;  background: #733a1d; }
.task-filter-watch .task-btn li.act .filter-box i{ transform: rotate(180deg); }
.task-filter-watch .task-btn li div.filter-value  { display: none; }
.task-filter-watch .task-btn li.hide-act div.filter-box { display:none; }
.task-filter-watch .task-btn li.hide-act div.filter-value { display: block; }
.task-filter-watch .task-btn  .brand-filter-value a , .price-filter-value a{     color: #733a1d; display: block; width: 100%;  height: 100%; }

/* task-layer */
.task-layer-brand {
    position: absolute;  display: none;    top: 49px;  left: 0;background: rgba(0,0,0,0.5);  z-index: 99;  width: 100%;  height: 1000px; }
.task-layer-list{  height: 175px;    overflow-x: hidden; overflow-y: scroll; }
.task-layer-list li a { display: block; height: 100%; }
.task-layer-brand ul{  position: relative;  background: #fff; }
.task-layer-brand ul li {  height: 40px;  line-height:40px;  border-bottom: 1px #e5e5e5 solid; font-size: 10px; text-indent: 15px;}
.task-layer-brand .task-clear{  }
.task-layer-brand .task-confirm { background: #733a1d;  color:#fff; }
.task-layer-price { display: none;
    position: absolute; top: 49px;height: 1000px;  background: rgba(0,0,0,0.5);  z-index: 99;  width: 100%;  }
.task-layer-price ul { position: relative;  background: #fff; }
.task-layer-price ul li {  height: 40px;  line-height:40px;  border-bottom: 1px #e5e5e5 solid;  font-size: 10px; text-indent: 15px;}
.task-layer-price .task-confirm { background: #733a1d;  color:#fff; }