captain-ui/lib/takeout/index.css

有赞vue wap业务组件库

.cap-takeout{width:320px;margin:0 auto}.cap-takeout__header{width:100%}.cap-takeout__header img{max-width:100%}.cap-takeout__nav-bar{min-height:320px;width:84px;float:left;-webkit-border-image:url(http://img.yzcdn.cn/v2/image/wap/border-line-2.png) 2 stretch;border-image:url(http://img.yzcdn.cn/v2/image/wap/border-line-2.png) 2 stretch;border-right:2px solid #e5e5e5;margin-top:-3px}.cap-takeout__nav-bar,.cap-takeout__nav-bar ul{position:relative;background-color:#f2f2f2}.cap-takeout__nav-item{-webkit-border-image:url(http://img.yzcdn.cn/v2/image/wap/border-line-2.png) 2 stretch;border-image:url(http://img.yzcdn.cn/v2/image/wap/border-line-2.png) 2 stretch;border-bottom:2px solid #e5e5e5;margin-top:-1px}.cap-takeout__nav-item:first-child{background-color:#fff;position:relative;z-index:1;padding-bottom:1px}.cap-takeout__nav-item:first-child:before{content:"";position:absolute;width:4px;height:100%;background:#f44}.cap-takeout__nav-item:last-child{border-bottom:none}.cap-takeout__nav-item a{display:block;width:84px;padding:20px 10px 20px 15px;font-size:14px;line-height:18px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent;word-wrap:break-word;color:#38f;text-decoration:none}.cap-takeout__goods{overflow:hidden}.cap-takeout__goods-lists li{margin-left:10px;position:relative}.cap-takeout__goods-pic{position:relative;display:block;float:left;width:60px;height:60px;margin:10px 10px 10px 0}.cap-takeout__goods-pic img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:60px;max-height:60px}.cap-takeout__goods-detail{overflow:hidden;padding-bottom:2px}.cap-takeout__goods-detail p{display:block;margin:0;padding:10px 0;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;font-size:14px}.cap-takeout__goods-price{color:#f44;font-size:14px;padding:0}.cap-takeout__goods-buy{display:block;position:absolute;right:10px;bottom:10px;width:60px;height:50px;-webkit-tap-highlight-color:transparent}.cap-takeout__goods-buy span{position:absolute;right:0;bottom:0;width:22px;height:22px;text-align:center;line-height:24px;font-size:12px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAANlBMVEUAAAD/RET/R0f/RET/RET/RET/RET/RUX/RET/RUX/RET/Rkb/S0v/////RET/RET/RUX/REQmCZa1AAAAEXRSTlMA8UQ459m/raWZg20iAcPCkL4zKkQAAADISURBVDjLnZVZDsMwCAVx8F4v4f6XrapIbVOy8DqfaGRBIEA/dK45BudCzJU7XbEUL1/4spyqPEUx+VBtSQ5JTbuLkxOcyuUhFzz27iqXrOpd49uL3PLOu7l72TXaSGIgbS6Lia07Q8VfURUcu+q0rGssVrkQdW+VfScWqyxM1S5XynY5U7TLkcJO0siHQM4uO0iG0oAKhD4d1BSo3dAgISOKDj9NmzyhHxZZBdCSQdYXshiRlYssc+RMgAdIw0Org/89mtA5fgJbdlmJ3KgNgQAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-size:22px}.clearfix:after{height:0;clear:both;visibility:hidden;content:"";display:block}