@charset "utf-8";
html,body{line-height:1.5;background-color:#f9f9f9}
.feature-page{min-height:100vh;padding-bottom:2.7rem}
.feature-search{padding:0.25rem 0.75rem}
.feature-search .cap{background:#fff;border-radius:0.2rem;height:2rem;padding-left:0.6rem;position:relative}
.feature-search .cap > i.icon_search{font-size:0.7rem;color:#666;-webkit-text-stroke-width:.2px;}
.feature-search .cap > i.icon_clear{color:#999;font-size:0.75rem;-webkit-text-stroke-width:.2px;padding-right:0.5rem}
.feature-search .cap > div{padding:0 0.5rem}
.feature-search .cap > div input{line-height:1.6rem;color:#323233;font-size:0.7rem;border:none;background:none;width:100%}
.feature-search .cap > div input::-webkit-input-placeholder,.feature-search .cap > div input::placeholder{color:#c8c9cc}
.feature-search .cap > div input::-webkit-search-cancel-button{display:none}
.feature-search .btns{padding:0 0 0 0.5rem;color:#06bf04;font-size:0.7rem;line-height:2rem}
.cap-category{position:relative;padding-left:4.5rem;background-color:#f8f8f8}
.cap-category-nav{position:absolute;top:0;left:0;width:4.5rem;overflow-y:auto;background-color:#f8f8f8;-webkit-overflow-scrolling:touch;}
.cap-category-nav.fixed{position:fixed;max-height:100vh}
.cap-category-nav.btm{max-height:100vh;top:auto;bottom:0}
.cap-category-nav .nav-item{position:relative;display:block;box-sizing:border-box;overflow:hidden;color:#323233;font-size:0.7rem;line-height:1rem;word-wrap:break-word;background-color:#f7f8fa;cursor:pointer;-webkit-user-select:none;user-select:none;padding:1rem 0.8rem;font-size:0.7rem}
.cap-category-nav .nav-item.active{background-color:#fff;font-weight:500}
.cap-category-nav .nav-item.active:before{position:absolute;top:50%;left:0;width:0.2rem;height:0.8rem;background-color:#ee0a24;-webkit-transform:translateY(-50%);transform:translateY(-50%);content:"";}
.cap-category-container{position:relative;background-color:#fff}
.cap-category-container > .title{position:absolute;top:0;right:0;left:0;margin:0;padding:0 0.75rem;overflow:hidden;color:#3a3a3a;font-weight:400;font-size:0.6rem;line-height:1.4rem;white-space:nowrap;text-overflow:ellipsis;background-color:#fff}
.cap-category-container > .title.fixed{position:fixed;left:4.5rem;top:0;z-index:1}
.cap-category-group .hd > a{margin:0.6rem 0.75rem 0.35rem;display:block}
.cap-category-group .hd > a img{width:100%;height:4.6rem;object-fit:cover}
.cap-category-group .bd{padding:0 0.75rem}
.cap-category-group .bd > h3{overflow:hidden;color:#3a3a3a;font-weight:400;font-size:0.6rem;line-height:1.4rem;white-space:nowrap;text-overflow:ellipsis}
.cap-category-group .bd .list{margin-top:0.1rem}
.cap-category-group .bd .list li{width:33.3333%;margin-bottom:0.75rem;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}
.cap-category-group .bd .list li:nth-child(3n+1){align-items:flex-start}
.cap-category-group .bd .list li:nth-child(3n+2){align-items:center}
.cap-category-group .bd .list li:nth-child(3n){align-items:flex-end}
.cap-category-group .bd .list li a{width:89%;display:block}
.cap-category-group .bd .list li a img{width:100%}
.cap-category-group:last-child{min-height:100vh}
footer{background-color:#fff;display:block;height:2.5rem}
.footer-box{height:2.5rem}
.footer-box > a{position:relative;-webkit-tap-highlight-color:transparent;font-size:0.5rem;color:#666;text-align:center}
.footer-box > a i{display:block;width:1.2rem;height:1.2rem;background-repeat:no-repeat;background-position:center;margin:0 auto 0.15rem}
.footer-box > a.home i{background-image:url(../images/home.png);background-size:1.3rem auto}
.footer-box > a.hotel i{background-image:url(../images/classification.png);background-size:1.3rem auto}
.footer-box > a.line i{background-image:url(../images/discovery.png);background-size:1.3rem auto}
.footer-box > a.user i{background-image:url(../images/usercenter.png);background-size:1.3rem auto}
.footer-box > a.hotel.on i{background-image:url(../images/classification_on.png);background-size:1.3rem auto}
.footer-box > a.line.on i{background-image:url(../images/discovery_on.png);background-size:1.3rem auto}
.footer-box > a.on p{color:#62955c}
.shop-wrap{background:#fff;position:absolute;top:2.5rem;left:0;right:0;bottom:0;z-index:90}
.shop-wrap .wrap{text-align:center}
.shop-wrap .title{padding:0.75rem;text-align:left;font-size:0.6rem;line-height:1;color:#999;}
.shop-wrap .list{padding:0 0.5rem;overflow:hidden}
.shop-wrap .list li{float:left;margin:0 0.5rem 0.5rem 0;padding:0 0.5rem;height:1.6rem;line-height:1.6rem;border-radius:0.1rem;border:none;background:#f6f6f6;font-size:0.6rem;color:#666;text-align:center}
.shop-wrap .button{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin-top:0.5rem;width:7rem;height:1.6rem;border:1px solid #e5e5e5;border-radius:0.8rem;font-size:0.6rem;color:#666}
.shop-wrap .button img{width:0.8rem;margin-right:0.25rem}
.cap-tag-list > h3{overflow:hidden;color:#3a3a3a;font-weight:400;font-size:0.6rem;line-height:1.5rem;white-space:nowrap;text-overflow:ellipsis;margin:0 0.3rem}
.cap-tag-list .item{overflow:hidden}
.cap-tag-list .item > a{padding:0.35rem}
.cap-tag-list .item .pic{margin-right:0.5rem;width:5.2662rem;height:5.2662rem;border-radius:0.4rem;overflow:hidden}
.cap-tag-list .item .pic img{width:100%;height:100%;object-fit:cover}
.cap-tag-list .item .info{padding-right:0.6rem;height:5.2662rem}
.cap-tag-list .item .name{font-size:0.7rem;font-weight:700;line-height:1rem;word-break:break-all}
.cap-tag-list .item .price,.guess-box .list .item .price{color:#e8b72a;font-size:0.9rem;font-weight:700}
.cap-tag-list .item .price i,.guess-box .list .item .price i{font-size:0.6rem;margin-right:0.1rem;font-weight:700}
.cap-tag-list .item .btns,.guess-box .list .item .btns{border-radius:0.6rem;background:#e8b72a;color:#fff;line-height:1.2rem;padding:0 0.4rem;font-size:0.6rem}
.guess-box h2{padding:0.4rem 0.8rem;overflow:hidden;font-weight:700;word-break:break-all;font-size:0.9rem;line-height:1.1rem}
.guess-box .list{padding-left:0.5rem;padding-right:0.5rem;overflow:hidden}
.guess-box .list .item{margin-bottom:0.5rem;width:8.38rem}
.guess-box .list .item a{display:block;background:#fff;color:#333}
.guess-box .list .item .pic{height:5.4rem}
.guess-box .list .item .pic img{width:100%;height:100%;object-fit:cover}
.guess-box .list .item .info{position:relative;padding:0 0.5rem 0.4rem}
.guess-box .list .item .name{margin-top:0.4rem;font-size:0.65rem;line-height:0.85rem;font-weight:700;height:1.7rem}
.guess-box .list .item .txt{margin-top:1.1rem}