.quan{width:100%;max-width:1400px;margin:0 auto;overflow: hidden;}
.quan-title{width:100%;height:30px;line-height:20px;border-bottom: 1px solid rgba(0, 0, 0, 0.03);}
.quan-title>b{display: block;height:30px;line-height:20px;border-bottom: 1px solid #ffac00;font-size:var(--bt-size)}
.quan-title>span{color:#999;font-size:12px}
.quan-left{width:calc(100% - 380px);overflow: hidden;}
.quan-right{width:360px;overflow: hidden;}
/* 左侧分页列表 */
.quan-list{width:100%;padding:15px;background:#fff;border-radius:2px;overflow: hidden;}
.quan-list-list{width:100%;overflow: hidden;}
.quan-list-list>li{width:100%;padding:15px 0;overflow: hidden;}
.quan-list-list>li:nth-child(n+2){border-top: 1px solid rgba(0, 0, 0, 0.03);}
.quan-list-list>li:last-child{padding-bottom:0}
.quan-list-image{width:28%;height:150px;overflow: hidden;border-radius:2px;}
.quan-list-box{width:calc(72% - 25px);display:flex;flex-direction:column;justify-content: space-between;}
.quan-list-title{width:100%;line-height:20px;font-size:16px;}
.quan-list-title>a>i{float: left;font-size:16px;color:#ffac00;margin-right:5px;}
.quan-list-text{width:100%;line-height:25px;overflow: hidden;color:#999;text-align: justify;}
.quan-list-text>i{float: left;font-size:16px;color:#16baaa;margin-right:5px;}
.quan-list-desc{width:100%;overflow: hidden;color:#999;font-size:12px}
.quan-list-desc>span{float:left;margin-right:5px;}
.quan-list-desc>span:last-child{float: right;margin-right:0}
.quan-list-desc>span>i{font-size:12px;margin-right:2px}
/* 内容正文详情 */
.quan-tent{width:100%;height:auto;padding:20px;background:#fff;border-radius:2px;overflow: hidden;}
.quan-tent>h1{width:100%;font-size:28px;line-height:1.4;overflow: hidden;}
.quan-tent>h1>i{float: left;font-size:28px;color:#ffac00;margin-right:5px}
.quan-tent-info{width:100%;height:25px;line-height:20px;margin-top:10px;border-bottom: 1px solid rgba(0, 0, 0, 0.03);overflow: hidden;}
.quan-tent-info>span{float: left;margin-right:5px;font-size:12px;color:#999}
.quan-tent-info>span>i{font-size:12px;margin-right:2px}
.quan-tent-info>span:last-child{float: right;margin-right:0}
.quan-tent-text{width:100%;overflow: hidden;}
.quan-tent-text>p{width:100%;font-size:16px;margin-top:15px;text-align: justify;line-height:1.6;text-indent:2em;}
.quan-tent-text img{display: block;width:100%;max-width:600px;margin:0 auto;border-radius:2px;overflow: hidden;}
.quan-ques{width:100%;overflow: hidden;margin-top:15px}
.quan-ques-info{width:calc(77% - 15px);padding:15px;background:#f7f8fa;border-radius:2px;overflow: hidden;line-height:1.5;font-size:16px;color:#999}
.quan-ques-info>span{color:#ffac00}
.quan-ques-image{width:23%;height:120px;overflow: hidden;border-radius:2px;}
.quan-answ{width:100%;height:auto;padding:20px;background:#fff;border-radius:2px;overflow: hidden;}
.quan-answ-text{width:100%;overflow: hidden;}
.quan-answ-text>p{width:100%;font-size:16px;margin-bottom:15px;text-align: justify;line-height:1.6;text-indent:2em;}
.quan-answ-text img{display: block;width:100%;max-width:600px;margin:0 auto;border-radius:2px;overflow: hidden;}
.quan-answ-user{width:100%;padding-top:15px;border-top: 1px solid rgba(0, 0, 0, 0.03);overflow: hidden;position: relative;}
.quan-answ-uinfo{float: left;width:50%;height:45px;padding-left:55px;}
.quan-answ-unike{float: left;width:100%;height:25px;line-height:25px;color:#16baaa}
.quan-answ-unike a{margin-right:5px;font-size:16px;}
.quan-answ-utime{float: left;width:100%;height:20px;line-height:20px;font-size:12px;color:#999}
.quan-answ-uimage{position: absolute;width: 45px;height:45px;overflow: hidden;border-radius: 50%;left:0}
.quan-next{width:100%;height:auto;padding:15px;background:#fff;}
.quan-next>li{width:calc(50% - 10px);height:25px;line-height:25px;color:#999}
.quan-next>li span{color:#999}
.quan-next>li:last-child{text-align:right;}

/* 地区页面板块 */
.quan-cate{width:100%;padding:20px;background:#fff;border-radius:2px;overflow: hidden;}
.quan-cate-image{width:40%;border-radius:2px;overflow: hidden;}
.quan-cate-box{width:calc(60% - 15px);}
.quan-cate-box>h1{width:100%;font-size:28px;line-height:1.4;overflow: hidden;}
.quan-cate-time{width:100%;height:20px;line-height:20px;color:#999;text-align: right;font-size:12px}
.quan-cate-text{width:100%;padding:10px;background:#f7f8fa;border-radius:2px;overflow: hidden;margin-top:5px}
.quan-cate-text>p{width:100%;line-height:25px;color:#666;overflow: hidden;text-align: center;}
.quan-cate-info{width:100%;margin-top:10px;height:30px;align-items: center;overflow: hidden;}
.quan-cate-money{float:left;color:#ffac00;line-height:30px;}
.quan-cate-money>em{float:left;font-style:normal;font-size:30px;font-weight:bold;}
.quan-cate-money>i{float: left;font-style:normal;margin-left:5px;line-height:40px;}
.quan-cate-pepo{float: right;color:#999;line-height:30px;}
.quan-cate-pepo>em{font-style: normal;color:#16baaa;margin:0 2px}
.quan-cate-tags{width:100%;display: grid;grid-template-columns: repeat(6,1fr);gap:10px;margin-top:10px}
.quan-cate-tags>li{width:100%;padding:10px 5px;background:#f7f8fa;border-radius:2px;overflow: hidden;}
.quan-cate-icon{display: block;width:40px;height:40px;margin:0 auto;border-radius:50%;background:#ffac00;text-align: center;line-height:40px;}
.quan-cate-icon>i{font-size:26px;color:#fff}
.quan-cate-tips{width:100%;line-height:20px;text-align: center;color:#999;font-size:13px;margin-top:5px}
.quan-cate-tags>li:nth-child(2) .quan-cate-icon{background:#ffb800}
.quan-cate-tags>li:nth-child(3) .quan-cate-icon{background:#16b777}
.quan-cate-tags>li:nth-child(4) .quan-cate-icon{background:#d07f00}
.quan-cate-tags>li:nth-child(5) .quan-cate-icon{background:#ffda00}
.quan-cate-tags>li:nth-child(6) .quan-cate-icon{background:#1e9fff}
.quan-cate-btn{width:100%;display: grid;grid-template-columns: repeat(2,1fr);gap:15px;margin-top:10px}
.quan-cate-btn>a{display: block;width:100%;padding:0 5px;line-height:38px;text-align: center;border-radius:2px;overflow: hidden;}
.quan-cate-btn>a:first-child{border:1px solid #ffb800;color:#ffb800;}
.quan-cate-btn>a:first-child:hover{background: #ffb800;color:#fff;}
.quan-cate-btn>a:last-child{border:1px solid #16b777;color:#16b777;}
.quan-cate-btn>a:last-child:hover{background: #16b777;color:#fff;}
/* 维修师傅列表 */
.quan-mast{width:100%;padding:15px;background:#fff;border-radius:2px;overflow: hidden;}
.quan-mast-list{width:100%;overflow: hidden;}
.quan-mast-list>li{width:100%;padding:15px 0;align-items: center;}
.quan-mast-list>li:nth-child(n+2){border-top: 1px solid rgba(0, 0, 0, 0.03);}
.quan-mast-list>li:last-child{padding-bottom:0}
.quan-mast-image{width:120px;height:120px;overflow: hidden;}
.quan-mast-info{width:calc(100% - 260px);height:120px;display: flex;flex-direction: column;justify-content: space-between;}
.quan-mast-title{width:100%;height:20px;line-height:20px;overflow: hidden;}
.quan-mast-title>b{float: left;}
.quan-mast-title>span{float: left;margin-left:10px;color:#d8b879;border: 1px solid #d8b879;line-height:18px;font-size:12px;padding:0 5px;border-radius:2px;}
.quan-mast-text{width:100%;line-height:20px;color:#666;overflow: hidden;text-align: justify;}
.quan-mast-adds{width:100%;line-height:20px;color:#999;overflow: hidden;}
.quan-mast-btn{width:110px;}
.quan-mast-btn>a{display: block;width:100%;padding:0 10px;line-height:38px;text-align: center;border: 1px solid #ffac00;border-radius:2px;overflow: hidden;color:#ffac00}
.quan-mast-btn>a:hover{background:#ffac00;color:#fff}
/* 右侧最新内容 */
.quan-news{width:100%;padding:15px;background:#fff;border-radius:2px;overflow: hidden;}
.quan-news-image{width:100%;overflow: hidden;margin-top:15px;}
.quan-news-thumb{width:100%;height:194px;border-radius:2px;overflow: hidden;}
.quan-news-title{width:100%;height:auto;line-height:20px;text-align: center;overflow: hidden;margin-top:10px;font-size:var(--bt-size)}
.quan-news-text{width:100%;line-height:20px;margin-top:10px;overflow: hidden;color:#999;text-align:justify;}
.quan-news-list{width:100%;margin-top:10px;counter-reset:my-counter 1;}
.quan-news-list>li{width:100%;line-height:32px;overflow: hidden;position: relative;padding-left:30px;counter-increment:my-counter;}
.quan-news-list>li>a{font-size: var(--bt-size);}
.quan-news-list>li>span{float: right;margin-left:5px;color:#999}
.quan-news-list>li::after{content:counter(my-counter);position:absolute;left:0;top:50%;transform:translateY(-50%);display:inline-block;width:22px;height:22px;line-height:22px;text-align:center;color:#fff;background:rgba(0,0,0,.15);border-radius:2px}
.quan-news-list>li:nth-child(1)::after{background:#16baaa;}
.quan-news-list>li:nth-child(2)::after{background:#ffac00;}
.quan-news-list>li:nth-child(3)::after{background:#999999;}
/* 右侧随机推荐 */
.quan-rdom{width:100%;padding:15px;background:#fff;border-radius:2px;overflow: hidden;}
.quan-rdom-list{width:100%;overflow: hidden;}
.quan-rdom-list>li{width:100%;padding:15px 0;overflow: hidden;}
.quan-rdom-list>li:nth-child(n+2){border-top: 1px solid rgba(0, 0, 0, 0.03);}
.quan-rdom-list>li:last-child{padding-bottom:0}
.quan-rdom-box{width:calc(65% - 10px);display:flex;flex-direction:column;justify-content: space-between;}
.quan-rdom-image{width:35%;height:90px;overflow: hidden;border-radius:2px;}
.quan-rdom-title{width:100%;line-height:20px;overflow: hidden;font-size:var(--bt-size)}
.quan-rdom-title>a>i{float: left;color:#ffac00;margin-right:5px;}
.quan-rdom-text{width:100%;line-height:20px;color:#999;overflow: hidden;text-align:justify;}
.quan-rdom-text>i{float: left;color:#16baaa;margin-right:5px;}
.quan-rdom-desc{width:100%;height:20px;line-height:20px;overflow: hidden;font-size:12px;color:#999}
.quan-rdom-desc>span{float: left;margin-right:10px}
.quan-rdom-desc>span:last-child{float: right;margin-right:0}
.quan-rdom-desc>span>i{font-size:12px;margin-right:2px}
/* 右侧全站最新 */
.quan-push{width:100%;padding:15px;background:#fff;border-radius:2px;overflow: hidden;}
.quan-push-list{width:100%;overflow: hidden;margin-top:5px}
.quan-push-list>li{width:100%;line-height:45px;position: relative;padding-left:15px}
.quan-push-list>li::after{position: absolute;content:'';width:5px;height:5px;background:rgba(0, 0, 0,.15);left:0;top:50%;transform: translateY(-50%);}
.quan-push-list>li:nth-child(n+2){border-top: 1px solid rgba(0, 0, 0, 0.03);}
.quan-push-list>li:last-child{padding-bottom:0}
.quan-push-list>li>span{float: right;color:#999;margin-left:5px;}
.quan-push-list>li>a{font-size:var(--bt-size)}
.quan-push-list>li>a>em{float: left;font-style: normal;color:#999;margin-right:5px;transition:all .3s}
.quan-push-list>li>a:hover>em{color:#ffac00}
/* 右侧搜索 */
.quan-sing{width:100%;padding:15px;background:#fff;border-radius:2px;overflow: hidden;}
.quan-sing-list{width:100%;display: grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px;}
.quan-sing-list>a{display: block;width:100%;line-height:40px;padding:0 5px;overflow: hidden;background:#f7f8fa;border-radius:4px;text-align: center;}
.quan-sing-list>a:hover{background:#ffac00;box-shadow:4px 5px 12px -4px rgba(255,172,0,.5);;color:#fff}
@media all and (max-width:1400px){
    .quan-cate-tags{gap:5px;}
}
@media all and (max-width:1200px){
    .quan-cate-tags{grid-template-columns: repeat(5,1fr);}
    .quan-cate-tags>li:nth-child(n+6){display:none;}
}
@media all and (max-width:1100px){
    .quan-cate-tags{grid-template-columns: repeat(4,1fr);}
    .quan-cate-tags>li{padding:10px}
    .quan-cate-tags>li:nth-child(n+5){display:none;}

}
@media all and (max-width:1000px){
    .quan-list-image{width:35%;}
    .quan-list-box{width:calc(65% - 10px);}
    .quan-mast-info{width:calc(100% - 135px);}
    .quan-mast-btn{display:none;}
}
@media all and (max-width:860px){
    .quan-left{width:100%;}
    .quan-tent{padding:15px}
    .quan-tent>h1{font-size:24px}
    .quan-tent>h1>i{font-size:24px}
    .quan-tent-text>p{text-indent: 0;}
    .quan-ques-image{width:35%;height:100px}
    .quan-ques-info{width:calc(65% - 10px);padding:10px}
    .quan-answ{padding:15px;}
    .quan-answ-text>p{text-indent: 0;}
    .quan-next>li{width:100%;height:30px;line-height:30px;font-size:16px;}
    .quan-next>li:last-child{text-align: left;margin-top:5px;}
    .quan-cate{padding:15px;}
    .quan-cate-image{width:100%;}
    .quan-cate-box{width:100%;}
    .quan-mast-image{width:100px;height:100px}
    .quan-mast-info{height:100px;width:calc(100% - 110px);}
    .quan-right{width:100%;margin-top:10px}
    .quan-list-image{height:90px}
    .quan-list-text{line-height:20px;}
    .quan-list-desc>span:nth-child(3){display:none;}
    .quan-news-thumb{height:55vw}
    .quan-news-list>li{line-height:38px;}
}