html { height: 100%; }
.category-area { width: 100%; height: 60px; background: url(../images/search_bg.png) no-repeat; background-size: cover; overflow: hidden; position: fixed; top: 0px; right: 0px; display: flex; z-index: 8888; }
.category-content { flex: 0 0 74%; height: 36px; line-height: 36px; border-radius: 5px; margin-left: 0px; background: rgba(255, 255, 255, 0.3); margin-top: 12px; color: #ffffff; font-size: 1rem; padding-left: 0.9rem; box-sizing: border-box; }
.category-address { flex: 1; text-align: center; padding-top: 10px; box-sizing: border-box; }
.category-noticle { flex: 1; text-align: center; padding-top: 13px; box-sizing: border-box; }
.address-name { margin: 0.2rem 0px; color: #ffffff; font-size: 0.8rem; }
.category-search { vertical-align: -0.2rem; }
.category-content input { outline: none; border: none; width: 70%; margin-left: 0.3rem; background: none; color: #ffffff; }
.category-content input::-webkit-input-placeholder { color: #ffffff; opacity: 0.9 }
.category-content input:-ms-input-placeholder { color: #ffffff; opacity: 0.9 }
.category-content input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #ffffff; opacity: 0.9 }
.category-content::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #000; opacity: 1; }
.scan { float: right; margin: 0.2rem 0.3rem; }
.category-name { flex: 1; color: #ffffff; font-size: 1rem; line-height: 5rem; }
.category-list-content { height: auto; padding-top: 60px; padding-bottom: 50px; overflow: hidden; background: #f7f8f8; }
.category-menu { width: 23.6%; height: calc(100% - 110px); position: fixed; top: 60px; left: 0px; z-index: 6666; overflow: hidden; }
.cat-menu-content { height: 100%; width: 100%; position: absolute; left: 0; overflow-x: hidden; overflow-y: scroll; }
.category-menu-wrap { height: 100%; width: 100%; list-style: none; margin: 0px; padding: 0px; overflow-y: scroll; background-color: #ffffff; }
.category-menu-wrap li { height: 3.7rem; display: flex; justify-content: center; align-items: Center; word-wrap: normal; text-align: center; color: #333; font-size: 14px; border-bottom: 1px solid #e5e5e5; box-sizing: border-box; background-color: #ffffff; }
.category-menu-wrap li.on-seeing { background-color: #f7f8f8; border-left: 3px solid #c83223; }
.category-menu-content { width: 76.4%; height: 100%; float: right; }
.category-menu-content-wrap { padding: 1rem 0.6rem; box-sizing: border-box; }

/*修改样式*/
.category-list-wrapper { overflow: hidden; margin-bottom: 0.7rem; }
.category-list-title { height: 22%; display: flex; justify-content: center; align-items: center; margin-bottom: 0.4rem; margin-top: 1rem; }
.category-list-title  > div { height: 22px; position: relative; }
.category-list-title  > div::before { content: ""; width: 25px; height: 5px; position: absolute; top: 8px; left: -30px; background: url(../images/front-t.png) no-repeat; background-size: contain; }
.category-list-title  > div::after { content: ""; width: 25px; height: 5px; position: absolute; top: 8px; right: -30px; background: url(../images/back-t.png) no-repeat; background-size: contain; }
.category-list-title  > div a { display: flex; justify-content: center; }
.category-list-list ul { width: 100%; list-style: none; margin: 0px; padding: 0px; }
.category-list-list { overflow: hidden; font-size: 12px; background: #ffffff; padding-top: 1rem; }
.category-list-list.category-list-brand { padding-top: 0px; }
.category-list-list ul li { float: left; width: 33.33%; margin-bottom: 1rem; }
.category-list-list.category-list-brand ul li { width: 33%; margin-bottom: 0px; border-right: 1px solid #eee; border-bottom: 1px solid #eee }
.category-list-list.category-list-brand ul li:nth-child(3n) { border-right: 0px; }
.category-list-list ul li a { display: block; width: 100%; text-align: center; }
.category-list-list li a div { width: 70%; margin: 0px auto; }
.category-list-list.category-list-brand li a div { display: flex; justify-content: center; align-items: center; width: 100%; height: 4rem !important; }
.category-list-list ul li p { margin-top: 8px; text-align: center; }
.category-list-list ul li img { max-width: 100%; max-height: 100%; }
#searchMask span,
.history-title,
input,
.search-name,
.history_detail { font-size: 14px !important }
.search-content { height: 40px; line-height: 40px; }
#allmap { color: #ffffff !important; background: none !important; text-align: center !important; width: 48px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 10px; }