.tabs { -moz-box-sizing: border-box; box-sizing: border-box; position: relative; overflow: hidden; zoom: 1; color: #666; } .tabs-bar { border-bottom: 1px solid #d9d9d9; } .red{ color:#ff5777; padding-right:8rpx; } .no_order{ margin-top:30%; text-align:center; } .shop-title{ overflow:hidden; position:relative; } .shop-title image{ width:40rpx; height:40rpx; border-radius: 100%; display: inline-block; vertical-align: top; margin-top:20rpx; margin-right:10rpx; } .tabs-bar, .tabs-link-bar { -moz-box-sizing: border-box; box-sizing: border-box; } .tabs-bar { outline: none; width: 100%; background-color: #fff; } .tabs-nav--container { overflow: hidden; font-size: .75rem; line-height: 1.5rem; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; white-space: nowrap; margin-bottom: -1px; zoom: 1; } .tabs-nav--container:after, .tabs-nav--container:before { content: " "; display: table; } .tabs-nav--container:after { clear: both; visibility: hidden; font-size: 0; height: 0; } .tabs.tabs-card>.tabs-bar .tabs-nav--wrap { margin-bottom: 0; } .tabs-nav--wrap { overflow: hidden; margin-bottom: -.01rem; } .tabs-nav { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 0; -webkit-transition: -webkit-transform .5s cubic-bezier(.645,.045,.355,1); transition: -webkit-transform .5s cubic-bezier(.645,.045,.355,1); transition: transform .5s cubic-bezier(.645,.045,.355,1); transition: transform .5s cubic-bezier(.645,.045,.355,1),-webkit-transform .5s cubic-bezier(.645,.045,.355,1); position: relative; margin: 0; list-style: none; } .tabs-nav:after, .tabs-nav:before { display: table; content: " "; } .tabs-nav:after { clear: both; } .tabs-nav .tabs-tab { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; display: block; height: 2.2rem; line-height: 2.2rem; margin: 0 5px; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; -webkit-transition: color .3s cubic-bezier(.645,.045,.355,1); transition: color .3s cubic-bezier(.645,.045,.355,1); cursor: pointer; text-decoration: none; text-align: center; font-size: 28rpx; color: #333; } .tabs-nav .tabs-tab-active { color: #f57; } .tabs.tabs-card>.tabs-bar .tabs-tab { margin: 0; border: 1px solid #d9d9d9; border-bottom: 0; border-radius: .06rem .06rem 0 0; background: #f9f9f9; margin-right: .02rem; } .tabs.tabs-card>.tabs-bar .tabs-tab-active { background: #fff; color: #f13e3a; } .tabs.tabs-card>.tabs-bar .tabs-tab-active { color: #ff5777; } .tabs.tabs-card>.tabs-bar .tabs-tab.list-line { border: 0; background: #fff; } .tabs:not(.tabs-vertical) .tabs-content-animated { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; will-change: transform; -webkit-transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1); transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1); transition: transform .3s cubic-bezier(.645,.045,.355,1); transition: transform .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1); } .tabs:not(.tabs-vertical) .tabs-tabpane { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; } .meili-all-vue-base-goodswall .module-list-wrap { display: block!important; } .meili-all-vue-base-goodswall .module-list-wrap[data-v-498b2138] { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .meili-all-vue-base-goodswall .show { height: auto!important; } .meili-all-vue-base-goodswall .module-item-wrap { width: 100%; margin-bottom: 10rpx; } .order { width: 100%; background: #fff; } .order-panel { padding: 0 10px; } .shop-product, .shop-title { padding: 0 10px; margin: 0 -10px; } .shop-title { border: 1px solid #e5e5e5; border-right: none; border-left: none; font-size: .75rem; height: 2.4rem; line-height: 2.4rem; } .shop:first-child .shop-title { border-top: none; } .shop-title--name{ color: #333; display: inline-block; max-width: 10rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .shop-title--status { float: right; margin-left: .2rem; color: #ff5777; white-space: nowrap; } .shop-product, .shop-title { padding: 0 10px; margin: 0 -10px; } .product { border-bottom: 1px solid #ddd; min-height: 1.8rem; } .product-list{ padding: 10px 0; } .product.is-noborder{ border: none; } .product-wrap{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .product-pic{ width: 4rem; height: 4rem; border: 1px solid #e2e2e2; display: inline-block; } .product-pic image { width: 4rem; height: 4rem; visibility: inherit; display: inherit; } .product-des{ -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0 10px; position: relative; } .product-des--name { color: #333; height: 2.2rem; font-size: .75rem; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; margin-bottom: 5px; font-weight: 400; } .product-des--sku{ margin-bottom: 5px; font-size: .65rem; color: #999; } .meili-all-order-list-order-shop .product-des--sku view { display: inline-block; margin-right: 5px; } .product-price { text-align: right; line-height: 1rem; font-size: .75rem; } .product-price--origin { text-decoration: line-through; color: #999; } .product-price--number { color: #999; } .order-panel--operate { border-top: 1px solid #e5e5e5; vertical-align: middle; text-align: right; } .operate-button{ overflow: hidden; } .meili-all-vue-base-button { display: inline-block; -moz-box-sizing: border-box; box-sizing: border-box; font-size: .75rem; padding: 5px 10px; border-radius: 5px; vertical-align: middle; margin: 10px 5px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; min-width: 5rem; text-align: center; } .primary{ color: #fff; background: #ff5777; } .operate-button .meili-all-vue-base-button { width: 6rem; height: 1.8rem; line-height: 1.8rem; font-size: .75rem; padding: 0; margin: 10px; border-radius: 5px; } .operate-button--white.primary{ color: #666; border: 1px solid #999; background: #fdfdfd; } .buy{ margin-bottom:116rpx; } .ft_bt{ height:20rpx; } .order-panel--price { margin: 0 -10px; padding: 10px; border-top: 1px solid #e5e5e5; text-align: right; color: #999; } .pay { color: #333; } .pay-delivery{ margin-right: -5px; font-size: .75rem; } .pay-price{ line-height: 1rem; font-size: .75rem; } .pay-price--content{ font-size: .75rem; color: #ff5777; } .weui-loading { margin: 0 5px; width: 20px; height: 20px; display: inline-block; vertical-align: middle; -webkit-animation: weuiLoading 1s steps(12, end) infinite; animation: weuiLoading 1s steps(12, end) infinite; background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=) no-repeat; background-size: 100%; } .weui-loadmore { width: 65%; margin: 1.5em auto; line-height: 1.6em; font-size: 14px; text-align: center; } .weui-loadmore__tips { display: inline-block; vertical-align: middle; } /* lottery begin */ .orders-lottery-status { z-index: 99; position: absolute; width: 67px; height: 67px; right: 12px; top: 7px; } .order-lottery-lucky, .order-lottery-not, .order-lottery-wait { background-image: url(https://mall.shiziyu888.com/Common/image/sprites_stamps-02e13e88f3.png); background-repeat: no-repeat; background-size: 299.83425px 299.83425px; background-position: -199.8895px -99.94475px; } .order-lottery-lucky { background-position: -99.94475px 0; } .order-lottery-not{background-position:-199.8895px 0} .order-lottery-wait{ background-position: -199.8895px -99.94475px; } /* lottery end */