page {
    height: 100%;
    width: 100%;
    background: #f4f4f4;
}

.orders-switch {
	/* width: 750rpx; */
	display: flex;
	justify-content: space-around;
	/* padding: 10rpx; */
}

.orders-switch .item {
	/* width: 72rpx; */
	height: 36rpx;
	font-weight: bold;
	font-size: 36rpx;
	color: #373E58;
	cursor: pointer;
	position: relative;
}

.orders-switch .item .txt {
	/* width: 96rpx; */
	height: 32rpx;
	font-weight: 400;
	font-size: 32rpx;
	color: #9496A2;
}

.orders-switch .item.active .txt {
	/* width: 104rpx; */
	height: 36rpx;
	font-weight: bold;
	font-size: 36rpx;
	color: #373E58;
}

.orders-switch .item.active::after {
	content: '';
	position: absolute;
	bottom: -8rpx;
	left: 0;
	right: 0;
	width: 63rpx;
	height: 6rpx;
	background: linear-gradient(90deg, #659EFF 0%, #FFFFFF 100%);
	border-radius: 8rpx;
}

.orders-switch .item:hover {
	opacity: 0.8;
}

.no-order {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.no-order .c {
    width: 100%;
    height: auto;
    margin-top: 400rpx;
}

.no-order .c text {
    margin: 0 auto;
    display: block;
    width: 258rpx;
    height: 29rpx;
    line-height: 29rpx;
    text-align: center;
    font-size: 29rpx;
    color: #999;
}

.orders {
    height: auto;
    width: 100%;
    overflow: hidden;
}
.orders .goods .info .name{
	margin: 5rpx 0rpx;
}

.order {
    width: 702rpx;
    background: linear-gradient(90deg, #FFFFFF 0%, #FCFFFE 100%);
    box-shadow: 0rpx 0rpx 12rpx 1rpx rgba(127, 153, 177, 0.14);
    border-radius: 12rpx;
    margin: 16rpx auto;
    padding-bottom: 20rpx; /* 增加底部内边距 */
    overflow: hidden; /* 防止阴影溢出 */
}

.order .h {
    height: 83.3rpx;
    line-height: 83.3rpx;
    margin-left: 31.25rpx;
    padding-right: 31.25rpx;
    border-bottom: 1px solid #f4f4f4;
    font-size: 30rpx;
    color: #333;
}

.order .h .l {
    float: left;
}

.order .h .r {
    float: right;
    color: #b4282d;
    font-size: 24rpx;
}

.order .goods {
    display: flex;
    align-items: center;
    height: 199rpx;
    margin-left: 31.25rpx;
}

.order .goods .img {
    height: 145.83rpx;
    width: 145.83rpx;
    background: #f4f4f4;
}

.order .goods .img image {
    height: 145.83rpx;
    width: 145.83rpx;
}

.order .goods .info {
    height: 145.83rpx;
    flex: 1;
    padding-left: 20rpx;
}

.order .goods .name {
    margin-top: 30rpx;
    display: block;
    height: 44rpx;
    line-height: 44rpx;
    color: #333;
    font-size: 30rpx;
}

.order .goods .number {
    display: block;
    height: 37rpx;
    line-height: 37rpx;
    color: #666;
    font-size: 25rpx;
}

.order .goods .status {
    width: 105rpx;
    color: #b4282d;
    font-size: 25rpx;
}

.order .b {
    height: 103rpx;
    line-height: 103rpx;
    margin-left: 31.25rpx;
    padding-right: 31.25rpx;
    border-top: 1px solid #f4f4f4;
    font-size: 30rpx;
    color: #333;
}

.order .b .l {
    float: left;
}

.order .b .r {
    float: right;
}

.order .b .btn {
    margin-top: 19rpx;
    height: 64.5rpx;
    line-height: 64.5rpx;
    text-align: center;
    padding: 0 20rpx;
    border-radius: 5rpx;
    font-size: 28rpx;
    color: #fff;
    background: #b4282d;
}


.top {
	height: 86rpx;
	display: flex;
	align-items: center;
	justify-content: space-between;
}


.top .top_one {
	display: flex;
	align-items: center;
	margin-left: 20rpx;
}

.top .top_one view {

	height: 32rpx;
	font-weight: bold;
	font-size: 32rpx;
	color: #373E58;
	margin: 0rpx 20rpx;
	margin-top: -10rpx;
}
.top .top_one text {
	width: 104rpx;
	height: 26rpx;
	font-weight: 400;
	font-size: 26rpx;
	color: #999999;
}


.top .top_two {
	font-weight: 500;
	font-size: 28rpx;
	color: #419FFD;
	margin-right: 36rpx;
}