@charset "utf-8";
/* 同城分类信息模块样式 */
[class^="cf-"],[class^="cf-"] *{box-sizing:border-box;}

/* ========== 入口页 ========== */
.cf-header{float:left;width:100%;background:linear-gradient(135deg,#A40000 0%,#c0392b 100%);color:#fff;padding:30px 0;text-align:center;}
.cf-header h1{font-size:28px;margin:0 0 8px 0;}
.cf-header p{font-size:14px;color:rgba(255,255,255,.8);margin:0;}

.cf-tabs{float:left;width:100%;display:flex;margin:20px 0 0 0;}
.cf-tab{flex:1;display:flex;align-items:center;justify-content:center;padding:20px 0;background:#f9f9f9;border:1px solid #eee;margin-right:-1px;text-decoration:none;transition:all .2s;}
.cf-tab:last-child{margin-right:0;}
.cf-tab:hover{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08);}
.cf-tab-icon{font-size:28px;margin-right:8px;}
.cf-tab-name{font-size:16px;font-weight:700;color:#333;}

.cf-section{float:left;width:100%;margin:20px 0 0 0;}
.cf-section-head{float:left;width:100%;border-bottom:2px solid #A40000;padding:0 0 10px 0;margin:0 0 15px 0;}
.cf-section-head h2{float:left;font-size:18px;color:#333;margin:0;}
.cf-more{float:right;font-size:13px;color:#999;line-height:24px;}
.cf-more:hover{color:#A40000;}

.cf-section-list{float:left;width:100%;display:flex;flex-wrap:wrap;margin:0 -8px;}
.cf-item{width:25%;display:block;padding:0 8px;margin:0 0 16px 0;text-decoration:none;box-sizing:border-box;}
.cf-item-img{width:100%;height:160px;overflow:hidden;border-radius:4px;background:#f5f5f5;}
.cf-item-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s;}
.cf-item:hover .cf-item-img img{transform:scale(1.05);}
.cf-item-info{padding:8px 0 0 0;}
.cf-item-tit{font-size:14px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cf-item:hover .cf-item-tit{color:#A40000;}
.cf-item-price{font-size:16px;color:#A40000;font-weight:700;margin:4px 0 2px 0;}
.cf-item-area{font-size:12px;color:#999;}

.cf-empty{float:left;width:100%;text-align:center;padding:60px 0;color:#bbb;font-size:15px;}

/* ========== 面包屑 ========== */
.cf-breadcrumb{float:left;width:100%;padding:15px 0 10px;font-size:13px;color:#999;}
.cf-breadcrumb a{color:#666;margin:0 3px;text-decoration:none;}
.cf-breadcrumb a:hover{color:#A40000;}
.cf-breadcrumb span{margin:0 2px;}

/* ========== 列表页 ========== */
.cf-main{float:left;width:100%;margin:0 0 20px 0;}

/* 筛选栏 */
.cf-filter{float:left;width:100%;background:#fff;border:1px solid #e8e8e8;margin:0 0 16px 0;border-radius:6px;overflow:hidden;}

.cf-filter-section{float:left;width:100%;padding:14px 16px;border-bottom:1px solid #f0f0f0;display:flex;gap:6px;align-items:center;}
.cf-filter-section a{display:inline-block;padding:7px 22px;border-radius:4px;font-size:14px;color:#555;text-decoration:none;transition:all .15s;font-weight:500;}
.cf-filter-section a:hover{background:#fef5f5;color:#A40000;}
.cf-filter-section a.on{background:#A40000;color:#fff;}

.cf-filter-type{float:left;width:100%;padding:12px 16px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;flex-wrap:wrap;gap:4px;}
.cf-filter-label{font-size:13px;color:#999;margin-right:6px;white-space:nowrap;}
.cf-filter-type a{display:inline-block;padding:5px 14px;font-size:13px;color:#555;border-radius:4px;text-decoration:none;transition:all .15s;}
.cf-filter-type a:hover{color:#A40000;background:#fef5f5;}
.cf-filter-type a.on{background:#A40000;color:#fff;}

.cf-filter-search{float:left;width:100%;padding:12px 16px;display:flex;}
.cf-filter-search form{display:flex;width:100%;max-width:400px;}
.cf-filter-search input[type="text"]{flex:1;height:36px;border:1px solid #ddd;border-right:0;padding:0 12px;font-size:13px;border-radius:4px 0 0 4px;outline:none;transition:border-color .2s;}
.cf-filter-search input[type="text"]:focus{border-color:#A40000;}
.cf-filter-search input[type="submit"]{height:36px;padding:0 24px;border:1px solid #A40000;background:#A40000;color:#fff;font-size:13px;cursor:pointer;border-radius:0 4px 4px 0;transition:background .2s;}
.cf-filter-search input[type="submit"]:hover{background:#8B0000;border-color:#8B0000;}

/* 信息列表 */
.cf-list{float:left;width:100%;}

.cf-list-item{float:left;width:100%;display:flex;padding:16px;border:1px solid #eee;margin:0 0 10px 0;background:#fff;border-radius:6px;text-decoration:none;transition:all .2s;}
.cf-list-item:hover{box-shadow:0 3px 14px rgba(0,0,0,.07);border-color:#ddd;transform:translateY(-1px);}
.cf-list-item.cf-top{border-left:3px solid #ff6600;}
.cf-list-img{width:190px;height:135px;overflow:hidden;border-radius:5px;flex-shrink:0;background:#f5f5f5;}
.cf-list-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s;}
.cf-list-item:hover .cf-list-img img{transform:scale(1.03);}
.cf-list-info{flex:1;padding:0 0 0 16px;display:flex;flex-direction:column;justify-content:space-between;min-width:0;}
.cf-list-tit{font-size:16px;color:#333;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5;}
.cf-list-item:hover .cf-list-tit{color:#A40000;}
.cf-list-price{font-size:20px;color:#c0392b;font-weight:700;margin:8px 0;}
.cf-list-meta{font-size:12px;color:#aaa;line-height:1.6;}
.cf-list-meta span{margin:0 8px 0 0;}

.cf-badge-top{display:inline-block;background:linear-gradient(135deg,#ff8c00,#ff6600);color:#fff;font-size:11px;padding:2px 8px;border-radius:3px;margin-right:8px;font-weight:500;vertical-align:middle;letter-spacing:1px;}

.cf-page{float:left;width:100%;margin:15px 0 0 0;text-align:center;}

/* ========== 详情页 ========== */
.cf-detail{float:left;width:100%;display:flex;margin:0 0 20px 0;}

.cf-detail-main{flex:1;padding-right:25px;}
.cf-detail-tit{font-size:22px;color:#333;font-weight:700;margin:0 0 12px 0;line-height:1.4;}
.cf-detail-price{font-size:26px;color:#A40000;font-weight:700;margin:0 0 20px 0;}

.cf-detail-images{float:left;width:100%;margin:0 0 20px 0;display:flex;flex-wrap:wrap;gap:8px;}
.cf-detail-img{max-width:300px;max-height:240px;border-radius:4px;object-fit:cover;cursor:pointer;border:1px solid #eee;}

.cf-detail-props{float:left;width:100%;background:#fafafa;border:1px solid #eee;border-radius:4px;padding:15px 20px;margin:0 0 15px 0;}
.cf-detail-props h3{font-size:15px;color:#333;margin:0 0 10px 0;padding:0 0 8px 0;border-bottom:1px solid #eee;}
.cf-detail-props p{font-size:14px;color:#555;margin:0;line-height:1.8;}

.cf-prop-table{width:100%;}
.cf-prop-table td{padding:6px 12px;font-size:13px;border-bottom:1px solid #f0f0f0;}
.cf-prop-table td:first-child{width:80px;color:#999;}

.cf-detail-desc{float:left;width:100%;margin:0 0 20px 0;}
.cf-detail-desc h3{font-size:15px;color:#333;margin:0 0 10px 0;padding:0 0 8px 0;border-bottom:1px solid #eee;}
.cf-detail-content{font-size:14px;color:#555;line-height:1.8;word-wrap:break-word;}
.cf-detail-content img{max-width:100%;}

/* 右侧栏 */
.cf-detail-side{width:280px;flex-shrink:0;}

.cf-detail-contact{background:#fafafa;border:1px solid #eee;border-radius:4px;padding:20px;margin:0 0 15px 0;}
.cf-detail-contact h3{font-size:15px;color:#333;margin:0 0 12px 0;}
.cf-contact-name{font-size:16px;font-weight:700;color:#333;margin:0 0 10px 0;}
.cf-contact-phone{font-size:18px;color:#A40000;font-weight:700;margin:0 0 8px 0;}
.cf-contact-weixin{font-size:14px;color:#555;margin:0 0 12px 0;}
.cf-contact-meta{border-top:1px solid #eee;padding-top:10px;font-size:12px;color:#999;}
.cf-contact-meta span{display:block;margin:0 0 4px 0;}

.cf-detail-recommend{background:#fafafa;border:1px solid #eee;border-radius:4px;padding:15px;}
.cf-detail-recommend h3{font-size:15px;color:#333;margin:0 0 12px 0;}
.cf-rec-item{display:flex;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0;text-decoration:none;}
.cf-rec-item:last-child{border-bottom:0;}
.cf-rec-item img{width:50px;height:50px;object-fit:cover;border-radius:3px;margin-right:10px;flex-shrink:0;}
.cf-rec-item span{font-size:13px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cf-rec-item:hover span{color:#A40000;}

/* ========== 用户中心发布表单 ========== */
.cf-form{float:left;width:100%;background:#fff;padding:20px;border:1px solid #eee;border-radius:4px;}
.cf-form h2{font-size:18px;color:#333;margin:0 0 20px 0;padding:0 0 12px 0;border-bottom:2px solid #A40000;}
.cf-form-row{float:left;width:100%;margin:0 0 15px 0;display:flex;align-items:flex-start;}
.cf-form-label{width:100px;text-align:right;font-size:14px;color:#555;line-height:34px;flex-shrink:0;padding-right:10px;}
.cf-form-label .red{color:#f00;}
.cf-form-field{flex:1;}
.cf-form-field input[type="text"],
.cf-form-field input[type="number"],
.cf-form-field select,
.cf-form-field textarea{width:100%;max-width:400px;height:34px;border:1px solid #ddd;border-radius:3px;padding:0 10px;font-size:13px;}
.cf-form-field textarea{height:80px;padding:8px 10px;resize:vertical;}
.cf-form-field input:focus,
.cf-form-field select:focus,
.cf-form-field textarea:focus{border-color:#A40000;}
.cf-form-field .cf-radio-group{display:flex;align-items:center;gap:15px;padding-top:6px;}
.cf-form-field .cf-radio-group label{font-size:13px;color:#555;cursor:pointer;}
.cf-form-hint{font-size:12px;color:#999;margin:4px 0 0 0;}
.cf-form-btn{margin-left:110px;}
.cf-form-btn input[type="submit"],
.cf-form-btn input[type="button"]{height:38px;padding:0 30px;background:#A40000;color:#fff;border:0;border-radius:3px;font-size:14px;cursor:pointer;}
.cf-form-btn input[type="submit"]:hover,
.cf-form-btn input[type="button"]:hover{background:#8B0000;}
.cf-form-btn .btn-cancel{background:#999;margin-left:10px;}
.cf-form-btn .btn-cancel:hover{background:#777;}

/* 图片上传区 */
.cf-upload-area{border:2px dashed #ddd;padding:20px;text-align:center;border-radius:4px;cursor:pointer;width:400px;}
.cf-upload-area:hover{border-color:#A40000;background:#fef5f5;}
.cf-upload-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;width:400px;}
.cf-upload-list .cf-upload-item{position:relative;width:90px;height:90px;}
.cf-upload-list .cf-upload-item img{width:90px;height:90px;object-fit:cover;border-radius:3px;border:1px solid #eee;}
.cf-upload-list .cf-upload-item .cf-del-img{position:absolute;top:-6px;right:-6px;width:18px;height:18px;background:#f00;color:#fff;border-radius:50%;text-align:center;line-height:18px;font-size:12px;cursor:pointer;display:none;}
.cf-upload-list .cf-upload-item:hover .cf-del-img{display:block;}

/* ========== 用户中心列表 ========== */
.cf-my-list{float:left;width:100%;}
.cf-my-item{float:left;width:100%;display:flex;padding:15px;border:1px solid #eee;margin:0 0 10px 0;background:#fff;border-radius:4px;align-items:center;}
.cf-my-item-img{width:80px;height:80px;overflow:hidden;border-radius:3px;flex-shrink:0;}
.cf-my-item-img img{width:100%;height:100%;object-fit:cover;}
.cf-my-item-info{flex:1;padding:0 15px;}
.cf-my-item-tit{font-size:15px;color:#333;margin:0 0 4px 0;}
.cf-my-item-tit a{color:#333;text-decoration:none;}
.cf-my-item-tit a:hover{color:#A40000;}
.cf-my-item-meta{font-size:12px;color:#999;}
.cf-my-item-status{font-size:13px;padding:3px 10px;border-radius:3px;margin-right:10px;}
.cf-my-item-status.st0{background:#e8f5e9;color:#2e7d32;}
.cf-my-item-status.st2{background:#fff3e0;color:#e65100;}
.cf-my-item-status.st99{background:#ffebee;color:#c62828;}
.cf-my-item-acts a{display:inline-block;padding:4px 12px;font-size:12px;border:1px solid #ddd;border-radius:3px;color:#555;text-decoration:none;margin-left:5px;}
.cf-my-item-acts a:hover{border-color:#A40000;color:#A40000;}
.cf-my-item-acts a.act-del{border-color:#f00;color:#f00;}