@import "../../__wuBaseWxss__/0.wxss"; page { background: #eee; } .nav-tabs .van-tab__title { color: #666; } .nav-tabs .van-tab--active .van-tab__title { color: #f60; } .nav-tabs .van-tab__title .van-icon { font-size: 20px; line-height: 20px; height: 20px; overflow: hidden; margin: 6px 0 -2px 0; } .nav-tabs .van-tab { text-align: center; font-size: 12px; line-height: 16px; height: 50px; } .nav-tabs.van-tabs--line .van-tabs__wrap { height: 50px; } .nav-tabs.van-tabs--line { padding-top: 50px; } .store-nav { height: 1rem; background: #fff; margin-bottom: 10px; } .store-nav.fixed { top: 0; width: 100%; background: #3993cf; z-index: 1000; opacity: 0.99; } .store-nav ul { height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: flex; } .store-nav ul li { border-bottom: #e9e9e9 .05rem solid; text-align: center; height: .95rem; -webkit-box-flex: 1; flex: 1; } .store-nav ul li a { overflow: hidden; display: block; color: #666; padding-top: .12rem; } .store-nav.fixed ul li a { color: #fff; } .store-nav ul li.on a { color: #f60; } .store-nav ul li.on { border-color: #f60; } .store-nav.fixed ul li.on a { color: #fffc00; } .store-nav.fixed ul li { border-bottom-color: #3993cf; } .store-nav ul li p em { font-family: iconfont; font-size: 0.42rem; } .store-nav ul li p { font-size: 0.32rem; } .store-search { background: #fff; } .store-list { overflow: hidden; margin-bottom: 10px; } .store-ibox { padding: 5px; display: flex; flex-flow: row wrap; align-content: flex-start; } .store-ibox .item { flex: 1 50%; } .store-ibox .item.big { flex: 1 100%; } .store-ibox .item>view { margin: 5px; background: #fff; } .store-ibox .pic { display: block; height: 0; padding-bottom: 80%; overflow: hidden; border: #f0f0f0 1px solid; } .store-ibox .pic image { display: block; width: 100%; } .store-ibox .serve .pic { padding-bottom: 100%; } .store-ibox .info { background: #fff; overflow: hidden; display: block; padding: 0 6px; border: #f1f1f1 1px solid; } .store-ibox .bottom { display: block; overflow: hidden; padding: 0 0 10px 0; width: 100%; position: relative; } .store-ibox .title { color: #555; overflow: hidden; height: 28px; line-height: 14px; font-size: 12px; margin: 5px 0 5px 0; } .store-ibox .money { font-family: Helvetica; color: #f00; } .store-ibox .info text { font-size: 14px; } .store-ibox .gicon { position: absolute; top: 0; right: 0; } .store-ibox .tname { padding-top: .2em; line-height: 1.6em; } .store-ibox .tname i { color: #999; } .store-name { position: relative; margin: 0 10px 0 10px; line-height: 30px; font-size: 16px; text-align: center; } .store-name:first-child { margin-top: 10px; } .store-name text { position: relative; text-align: center; padding: 0 15px; background: #eee; } .store-name .line { border-radius: 45%; position: absolute; background: #CCC; height: 2px; width: 60%; left: 20%; margin-top: -1px; top: 50%; } .store-name navigator { font-size: 12px; color: #999; position: absolute; top: 50%; right: 0; margin-top: -10px; line-height: 20px; height: 20px; } .store-name .van-icon { font-size: 12px; line-height: 10px; height: 10px; margin: -2px 0 0 2px; } .shop_info .item { border-radius: 8px; background: #fff; margin: 10px 10px 0 10px; overflow: hidden; color: #666; } .shop_info .title { font-size: 14px; display: block; height: 40px; line-height: 40px; border-bottom: 1px solid #eee; color: #444; padding-left: 15px; background: #fff; } .shop_info .item>view:last-child { padding: 12px 15px; color: #555; } .shop_desc { font-size: 12px; line-height: 1.4; } .shop_skill view { padding: 8px 12px; border-radius: 5px; border: 1px solid #e0e0e0; text-align: center; display: inline-block; margin: 5px 5px 5px 0; } .shop_ver view.icons { margin-right: 6px; }