/*发布信息*/
.postSortListContainer { padding-bottom: 50px; margin-top: 10px; }  .postSortListTitle { font-size: 16px; text-align: center; line-height: 20px; padding: 10px 0px; color: #606266; }  .postSortList { display: flex; flex-wrap: wrap; border: 1px solid #E4E7ED; margin:5px; border-radius: 5px; overflow: hidden; background-color: #fff; }  .postSortListItem { text-align: center; border-bottom: 1px solid #E4E7ED; border-right: 1px solid #E4E7ED; box-sizing: border-box; width: 25%; cursor: pointer; padding: 20px 0px; color: #333; }  .postSortListItem .icon { width: 46px; height: 46px; margin: auto; background-color: #fff; display: flex; align-items: center; justify-content: center; font-size: 38px; font-weight: bolder; color: rgb(198, 226, 255); }  .postSortListItem .icon img { width: 100%; height: 100%; }  .postSortListItem .name { font-size: 15px; line-height: 20px; white-space: nowrap; /* 防止文本换行 */ overflow: hidden; /* 隐藏溢出的内容 */ text-overflow: ellipsis; }  .postSortListItem:nth-child(4n) { border-right: 0px solid #dcdfe6; }  .postSortListItem:hover { opacity: .8; color: #3598db; background-color: #F2F6FC; }  .postChildSortListContainerBg { display: none; position: fixed; bottom: 0px; height: 100%; background-color: #000; opacity: .7; width: 100%; z-index: 99; }  .postChildSortListContainer { display: none; position: fixed; bottom: 0px; background-color: #fff; width: 100%; z-index: 99; min-height: 300px; }  .postChildSortListTitle { border-bottom: 1px solid #E4E7ED; padding: 10px; font-size: 18px; line-height: 30px; color: #606266; text-align:center; }  .postChildSortListCloseContainer { position: absolute; bottom: 0px; text-align: center; width: 100%; display: flex; align-items: center; justify-content: center; border-top: 1px solid #f2f6fc; background-color:#f6f6f9; }  .postChildSortListClose { cursor: pointer; color: #909399; padding: 10px 50px; border-radius: 20px; line-height: 20px; font-size: 16px; }  .postChildSortList { margin-top: 20px; margin-bottom: 50px; display: flex; flex-wrap: wrap; }  .postChildSortList .postChildSortListItem { cursor: pointer; width:33%; } .postChildSortList .postChildSortListItem .name { cursor: pointer; font-size: 16px; line-height: 20px; margin: 5px; padding: 8px 0px; text-align: center; background-color: #F2F6FC; border-radius: 3px; white-space: nowrap; /* 防止文本换行 */ overflow: hidden; /* 隐藏溢出的内容 */ text-overflow: ellipsis; }

/*信息内容页*/
.infoHeadContainer {background-color: #ffffff; margin-bottom: 8px; border-top:1px solid #fff;}
.infoHeadContainer .title{ color:#303133; font-size:18px; height:auto; margin:10px; padding:0px; line-height:20px;}
.infoHeadContainer .title .price{ color:#ed414a; margin-left:10px;}
.infoHeadContainer .date {font-size:13px; color:#909399; margin:0px 10px;}
.infoHeadContainer .infoHeadBar { margin:10px 0px 0px 0px; padding:10px 10px; border-top:1px solid #f2f6fc; display:flex;}
.infoHeadContainer .infoHeadBar span, .infoHeadContainer .infoHeadBar a {font-size:13px; color:#909399; margin-right:10px; display:flex; align-items:center; line-height:20px;}
.infoHeadContainer .infoHeadBar .favor::before {content:"\e7eb"; font-family:iconfont; font-size:15px;}
.infoHeadContainer .infoHeadBar .kipfrom::before {content:"\e7f3"; font-family:iconfont; font-size:15px;}
.infoContentContainer {background-color: #ffffff; margin-bottom: 8px; border-top:1px solid #fff;}
.infoContentContainer .textwrap {font-size:15px; line-height:25px; margin:10px 15px;}
.infoContentContainer .picwrap{padding: 10px;}
.infoContentContainer .picwrap a{width: calc(50% - 5px); height:50vw; box-sizing:border-box; margin-bottom: 10px; margin-right:10px; display:flex; float:left; background-color:#fff; border-radius:5px;box-shadow: 0px 0px 4px rgba(0,0,0,.2); overflow:hidden;}
.infoContentContainer .picwrap a:nth-child(2n) { margin-right:0px;}
.infoContentContainer .picwrap img{width:100%; display:block; object-fit:cover;}
.infoContentContainer .picwrap:after{content:'\20';clear:both;*zoom:1;display:block;height:0;}
.infoContentContainer img{max-width: 100%;}
.infoContentContainer .share { display:flex; justify-content:center; border-top:1px solid #f2f6fc; margin-top:20px;}
.infoJubaoContainer {background-color: #ffffff; margin-bottom: 8px; display:flex; align-items:center; justify-content:space-between; padding:10px;}
.infoJubaoContainer .jubao {width:40px; text-align:center; color:#ed414a;}
.infoJubaoContainer .jubao::before {content:"\e656"; font-family:iconfont; display:block; font-size:18px;}
.infoJubaoContainer .text { font-size:13px; line-height:20px; margin-right:10px; height:40px; overflow:hidden; color:#909399;}
.infoJubaoContainer .text strong { font-size:15px; color:#ed414a;}

.bizinfowrap{ width:auto; height:40px; margin-bottom:10px; margin-top: 10px; text-align:left; margin-left:5px;}
.bizinfowrap .pic{width:40px; height: 40px; float: left; border-radius: 60px; overflow: hidden; margin:0px; border: 1px solid #efefef;}
.bizinfowrap .pic img{width:40px; height: 40px;}
.bizinfowrap .text{margin-left:45px; width:auto;}
.bizinfowrap .name{ height:20px; line-height: 20px; overflow: hidden; font-size: 12px; color: #444444;}
.bizinfowrap .btn{padding:0px;}
.bizinfowrap .btn a{ color:#1fbf8c; font-size: 12px; display: inline-block; line-height: 20px;}

.infoContactBox{ font-size: 16px; line-height: 30px;}
.infoContactBox li .head{display:inline-block; width: 100px;}
.infoContactBox li .head .lxr:after{content: "\e736"; margin-right: 4px;}
.infoContactBox li .head .dz:after{content: "\e651"; margin-right: 4px;}
.infoContactBox li .head .dh:after{content: "\e704"; margin-right: 4px;}
.infoContactBox li .head .wx:after{content: "\e63b"; margin-right: 4px;}
.infoContactBox li .head .qq:after{content: "\e676"; margin-right: 2px;}
.infoContactBox li .tel_info{color: #666666; font-size: 14px; display:block; }
.infoContactBox li .tel_info a{}
.infoContactBox li.guoqi{font-size:16px; color: #888888; text-align: center; padding: 10px 0px;}
.infoContactBox li.kips{font-size:14px; color: #444444; text-align: center; padding: 0px 0px;}

.infoContentContainer .modelist{padding:10px; font-size: 0px; margin:0px;}
.infoContentContainer .modelist li{padding:0px; margin: 0px; display: inline-block; margin-top: 10px; min-width: 50%; max-width: 100%; font-size: 14px; line-height: 20px;}
.infoContentContainer .modelist .head{width:80px; color: #888; display: inline-block; vertical-align: top;}
.infoContentContainer .modelist .val{color: #444; display: inline-block;}
.infoContentContainer .modelist .val span{ display: inline-block; margin-right: 10px;}

.infoContentContainer .video-box {position:relative; width:auto; margin:10px; height: 320px; overflow:hidden;}
.infoContentContainer .video-box .auth-mask {position: absolute; top: 0; left: 0;  width: 100%; height: 100%;  background: rgba(0,0,0,0.75); color: #fff;  display: flex; align-items: center; justify-content: center; font-size: 16px; z-index: 10; border-radius: inherit;  z-index: 999; gap: 15px;}
.infoContentContainer .video-box .auth-mask .tip-text { margin-bottom:15px; display: flex; align-items: center; justify-content: center;}
.infoContentContainer .video-box .auth-mask .btn-wrap {display: flex; gap: 15px; align-items: center; justify-content: center;}
.infoContentContainer .video-box .auth-mask .btn-wrap .btn {background: #007bff; color: #fff; border: none;  padding: 5px 22px; line-height:20px; border-radius: 4px; font-size:15px; cursor:pointer; text-decoration:none;}

.ai-btn-wrap {display:none; gap:1px; justify-content:space-around; font-size:15px; border-radius:3px; color:#000; border:1px solid #E4E7ED; position:relative; top:-3px; background-color:#E4E7ED;}
.ai-btn-wrap .btn-speech{ background-color:#f9fafb; flex-grow:1; padding:8px; display:none; justify-content:center; align-items:center; user-select:none; cursor:pointer;}
.ai-btn-wrap .btn-speech::before{content:"\e687"; font-family:"iconfont"; margin-right:3px; font-size:18px;}
.ai-btn-wrap .btn-aiwrite{ background-color:#f9fafb; flex-grow:1; padding:8px; display:none; justify-content:center; align-items:center; user-select:none; cursor:pointer;}
.ai-btn-wrap .btn-aiwrite::before{content:"\e620"; font-family:"iconfont"; margin-right:3px; font-size:18px;}
.text-completion-submit-btn {background-color:#ed414a;}
.voice-mask .record-btn{background-color:#ed414a;}
.voice-mask .record-btn:active{background-color:#ed414a;}
.voice-mask .record-btn.active{background-color:#ed414a;}

/*发布信息价格*/
#postPriceContainer * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Microsoft Yahei", system-ui, sans-serif;
}

#postPriceContainer .publish-time-wrap {
    width: auto;
    background: #ffffff;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 0px 12px rgba(58,18,18,0.1); 
}

#postPriceContainer .wrap-title {
    font-size: 17px;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 18px;
}

#postPriceContainer .time-list {
    width: 100%;
}

#postPriceContainer .time-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 12px;
    margin-bottom: 10px;
    background: #f9fafb;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.25s ease;
    border: 1px solid transparent;
}

#postPriceContainer .time-item:last-child {
    margin-bottom: 0;
}

#postPriceContainer .time-item:hover {
    background: #f0f7ff;
}

#postPriceContainer .time-item.active {
    background: #FFFFEE;
    border-color: #ed414a;
}

#postPriceContainer .check-box {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    border-radius: 50%;
    border: 1.5px solid #d1d5db;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    transition: all 0.25s ease;
}

#postPriceContainer .time-item.active .check-box {
    background-color: #ed414a;
    border-color: #ed414a; display:flex; align-items:center; justify-content:center;
}
#postPriceContainer .time-item.active .check-box::after {
    content:"\e645"; font-family:"iconfont"; color:#fff;
}
#postPriceContainer .check-box i {
    color: #fff;
    font-style: normal;
    font-size: 13px;
    display: none;
}

#postPriceContainer .time-item.active .check-box i {
    display: block;
}

#postPriceContainer .item-left {
    display: flex;
    align-items: center; flex-shrink:0;
}

#postPriceContainer .time-name {
    font-size: 15px;
    color: #374151;
}

#postPriceContainer .price-val {
    font-size: 15px;
    color: #dc2626;
    font-weight: 500; flex-shrink:0;
}
#postPriceContainer .comments {
    font-size: 15px;
    color:#909399; margin:0px 10px;
    flex-grow:0; overflow:hidden; height:20px; white-space:nowrap; text-overflow:ellipsis;
}


/*发布信息置顶*/
.posttop-wrap{ background-color:#fff; box-shadow: 0 0px 2px rgb(58 18 18 /10%); padding:10px; margin-bottom:10px;}
.posttop-wrap .title{background-color:#FFFFEE; line-height: 15px; padding:10px; color: #f3666e; border-radius:10px; overflow: hidden; display:flex; align-items:center;}
.posttop-wrap .title::before{content:"\e609"; display:flex; align-items:center; font-family: "iconfont"; line-height:normal; font-size: 34px; color:#f3666e; padding-right: 8px;}
.posttop-wrap .posttop-price-container{height:auto;}
.posttop-wrap .posttop-price-container .tab{height:35px; display:flex; align-items:center; width:auto; border:0px; margin:0px; padding:5px 0px;}
.posttop-wrap .posttop-price-container .tab .item{height:20px; cursor:pointer; font-size:14px; flex-shrink:0; margin-right:15px; line-height:20px; padding:5px 5px; position: relative;}
.posttop-wrap .posttop-price-container .tab .head{color:#909399; flex-shrink:0;}
.posttop-wrap .posttop-price-container .tab .active{ color:#000000; font-weight:bolder; height:17px; line-height:17px; border-bottom:3px solid #ed414a;}
.posttop-wrap .posttop-price-container .list-container{ margin:0px; padding:10px 0px; color:#444444;}
.listwrap::after{content: "\20"; display: block; width: 100%; height: 0px; clear: both; float: none;}
.posttop-wrap .posttop-price-container .list-container .list{ display:none;}
.posttop-wrap .posttop-price-container .list-container .list.active {display:block;}
.posttop-wrap .posttop-price-container .list-container .list::after {content:"\20"; height:0px; display:block; float:none; clear:both;}
.posttop-wrap .posttop-price-container .list-container .list .item{height:calc(30vw - 10px); width:calc(33% - 6px); float:left; border:0px solid #f1f1f1; padding: 0px; margin: 0px 8px 8px 0px; cursor:pointer; line-height:30px; border-radius: 8px; font-size:14px; box-shadow: 0px 0px 4px rgba(100,100,100,.2); text-align: center; list-style:none; overflow:hidden; line-height: 25px; display: flex; align-content: center; flex-direction:column; justify-content:center; position: relative; background-color:#fff;}
.posttop-wrap .posttop-price-container .list-container .list .item:nth-child(3n){margin-right:0px;}
.listwrap .list li .name{ text-align: center; float: none; color: #333; width: auto; margin: 0px; line-height: 20px; padding: 5px 0px; font-size: 14px;}
.posttop-wrap .posttop-price-container .list-container .list .item .time{color: #888; display: block; width: auto; margin-left: 0px;}
.posttop-wrap .posttop-price-container .list-container .list .item .price{text-align: center; width: auto; float: none; color: #dc2626; font-size: 20px; font-weight: bolder;}
.posttop-wrap .posttop-price-container .list-container .list .item .price .symbol{ font-size: 14px;}
.posttop-wrap .posttop-price-container .list-container .list .item.active{border-color: #3598db; background-color: #FFFFEE;}
.posttop-wrap .posttop-price-container .list-container .list .item.active::before{content: "\20"; display: block; position: absolute; width: 50px; height: 30px; background-color: #ed414a; top: -15px; right: -20px; transform: rotate(45deg);}
.posttop-wrap .posttop-price-container .list-container .list .item::after{content: "\e645"; font-size: 14px; font-family: "iconfont"; display: block; position: absolute; width: 30px; height: 30px; color: #fff; top: -0px; right: -7px; line-height: 15px;}
.posttop-wrap .posttop-price-container .tab .supertoptip {display:none;}