niuniu/lionfish_comshop/pages/order/pintuan.wxss

.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 */