section.obd{padding:.15rem;display:grid;gap:.15rem}
section.obd .main{width:100%;overflow:hidden;display:grid;gap:.15rem}
section.obd .main .newest{width:100%;overflow:hidden;display:grid;gap:.15rem;align-content:start}
section.obd .side{gap:.15rem;display:grid}
section.obd .side>div{overflow:hidden}
section.obd .side>div.detail-hot {display: none}
.cate{width:100%;padding:.15rem;background:#fff;border-radius:.04rem}
.cate .cat-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.05rem}
.cate .cat-list li{background:#f5f5f5;border-radius:.04rem}
.cate .cat-list li a{display:block;height:.38rem;line-height:.38rem;padding-left:.2rem}
.cate .cat-list li a:hover,.cate .cat-list li.active{background:#fff3e0;border-radius:4px;color:#ff9800}
.cate .cat-list li.active a{color:#ff9800}
.cate-list{overflow:hidden}
.cate-list ul{display:flex;gap:.08rem;flex-wrap:wrap;justify-content:space-between}
.cate-list li{list-style:none!important;margin-left:0!important}
.cate-list li a{padding:.06rem .15rem;background:#fff;border-radius:.04rem;display:inline-block}
.cate-list li.active a{color:#fff!important;background-color:#ff9800;text-decoration:none}
.cate-list li a:hover{text-decoration:none}
.detail{padding:0 .15rem .15rem;border-radius:.04rem;background:#fff}
.detail .hd{padding:.15rem 0 .15rem;border-bottom:1px solid #ececec;text-align:center}
.detail .hd h3{font-size:.22rem;font-weight:700;margin:.15rem 0}
.detail .hd p{color:#666}
.detail .bd{color:#222;line-height:180%;padding:.25rem 0}
.detail .bd img{max-width:100%;margin:0 auto;display:block;height:auto!important;border-radius:.04rem;width:100%!important}
.detail .bd p{margin:.1rem 0;text-indent:2em}
.detail table{border:1px solid #e0e0e0;margin:0 auto;width: auto !important}
.detail table td,.detail table th{border:1px solid #e0e0e0;padding:8px;min-width:.8rem}
.detail table td p{margin:0;text-indent:0!important}
.search{background:#fff url(../images/bg-cars.png);border-radius:.04rem;padding:.3rem .15rem;display:flex;align-items:center;justify-content:center}
.search form .input{width:3.5rem;display:flex}
.search form .input input{display:inline-block;border:1px solid #ddd;height:.45rem;padding:0 .15rem;border-radius:.04rem;flex-grow:1;border-top-right-radius:0;border-bottom-right-radius:0;border-right:0;font-size:.14rem}
.search form .input button{height:.45rem;width:.8rem;border:1px solid #f57c00;background-color:#ff9800;color:#fff;border-radius:.04rem;border-top-left-radius:0;border-bottom-left-radius:0;font-size:.16rem}
.obd .box .bd>ul>li{position:relative;list-style:none;margin-left:0;display:flex}
.obd .box .bd>ul>li span.suffix{margin-left:auto;order:1;color:#666;font-size:.13rem;padding-left:.05rem}
.obd .box .bd>ul>li>*{background-color:#fff;z-index:1}
.obd .box .bd>ul>li::before{content:" ";width:100%;position:absolute;height:1px;border-top:1px dashed #ccc;z-index:0;top:50%;transform:translate(0,-50%)}
.obd .box .bd>ul.rank>li em.rank{margin-right:0}
.obd .box .bd>ul>li a{padding-right:.05rem}
.obd .box .bd>ul.rank>li a{padding:0 .05rem}
.autocomplete-suggestions{text-align:left;cursor:default;background:#fff;border-radius:2px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);-moz-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);background-clip:padding-box;position:absolute;display:none;z-index:1036;max-height:254px;overflow:hidden;overflow-y:auto;box-sizing:border-box}
.autocomplete-search{max-height:420px}
.autocomplete-search .autocomplete-questions,.autocomplete-search .autocomplete-searchtags{position:relative;line-height:23px;overflow:hidden;text-overflow:ellipsis;font-size:1.02em;color:#333;padding:12px;cursor:pointer;white-space:inherit}
ul.suggest-list li{padding:14px 13px;border-top:1px solid #f5f5f5;cursor:pointer}
ul.suggest-list li span.ext{display:block;color:#999;font-size:small}
ul.suggest-list li a{font-size:15px}
ul.suggest-list li a em{color:red;font-style:normal}
ul.suggest-list li.tags{padding:15px 15px;cursor:default}
ul.suggest-list li.tags a{background-color:#fff3e0;border-radius:2px;padding:0 8px;margin-right:10px;font-size:14px;color:#ff9800;height:26px;line-height:26px;display:inline-block;margin-bottom:5px}
ul.suggest-list li.tags a:hover{background:#ff9800;color:#fff}
ul.suggest-list li.selected{background-color:#eee}
@media (min-width:1200px){section.obd{padding:0}
section.obd .main{display:grid;width:1200px;margin:0 auto;padding:0;grid-template-columns:350px auto;gap:.15rem;align-items:start}
.search{height:180px;margin-top:.1rem}
.search form .input{width:600px;box-shadow:#fff 0 0 10px 15px}
.search form .input input:focus{border-color:#f57c00}
.search form .input button:hover{background-color:#f57c00}
section.list{width:1200px;margin:0 auto}
section.obd-detail{width:1200px;display:grid;gap:.15rem;grid-template-columns:auto 350px;margin:0 auto;align-items:start}
.cate-list li a:hover{color:#fff!important;background-color:#ff9800;text-decoration:none;opacity:.8}
.cate-list ul{display:grid;grid-template-columns:1fr 1fr}
.cate-list li{flex-grow:1}
.cate-list li a{display:block}section.obd .side>div.detail-hot {display: block}
}