.zk-order-list {
		@include positionFixed;
		/* #ifdef H5 */
		top: 44px;
		/* #endif */
		height: 300px;
		background-color: #fefefe;

		&-tab {
			width: 750rpx;
			height: 50px;
			padding: 0 10px;
			@include flexRowSpaceBetween;
			&-list {
				height: 50px;
				justify-content: center;
				align-items: center;
				padding: 0 2px;
			}

			&-act {
				color: $gl_color;
			}
			&-test{
				font-size: 14px;
			}
			&-botton{
				position: relative;
				top: 5px;
				height: 2px;
				background-color: $gl_background;
			}
		}
		&-box {
			width: 750rpx;

			&-item {
				width: 750rpx;
			}

			&-nodata {
				width: 750rpx;

				&-text {
					@include styleFont(#808080,14);
					text-align: center;
				}

				&-icon {
					width: 32px;
					height: 32px;
				}
			}

			&-ul {
				padding: 5px 10px;
			}

			&-list {
				width: 710rpx;
				margin: 5px 10px;
				padding: 10px;
				background-color: #ffffff;
				border-radius: 5px;
				// box-shadow: 0px 0px 5px rgba($color: #000000, $alpha: 0.1);

				&-title {
					height: 20px;
					@include flexRowSpaceBetween;
					&-left {
						font-size: 13px;
					}

					&-right {
						@include styleFont(#999999,13);
					}
				}

				&-center {
					height: 100px;
					@include flexRowSpaceBetween;
					&-left {
						width: 90px;
						height: 90px;
						border-radius: 2px;
					}

					&-right {
						width: 470rpx;
						height: 90px;
						justify-content: space-between;
						&-title {
							@include styleFont(#333333,15);
							line-height: 15px;
							@include moreLineEllipsis;
						}

						&-intro {
							margin: 8px 0;
							@include styleFont(#999999,13);
						}

						&-bottom {
							@include  flexRowCenter;

							&-text {
								@include styleFont(#333333,12);
								line-height: 12px;
							}

							&-num,
							&-price {
								@include styleFont(#333333,15);
								line-height: 15px;
							}

							&-num {
								margin-left: 3px;
							}
						}
					}
				}

				&-priceText {
					margin-top: 15px;
					@include flexRowEnd;

					&-price,
					&-count {
						@include styleFont(#333333,13);
					}

					&-count {
						margin-right: 6px;
					}
				}

				&-bottom {
					margin-top: 10px;
					height: 20px;
					@include flexRowEnd;
					align-items: center; 
					&-right,&-left { 
						height: 20px;
						margin-left: 10px;
						padding:0 10px;
						line-height: 18px; 
						text-align: center;
						color: $gl-themeColor;
						border-radius: 30px;
						border-color: $gl-themeColor;
						border-width: 1px;
						border-style: solid;
						font-size: 13px;
					}

					&-right {
						margin-left: 5px;
					}
				}
			}
		}
	}