.assets-details-con{
	height: 100%;
	width: 100%;
	background-image: url(~@/assets/img/assets-bg.png);
	background-size: contain;
	background-repeat: no-repeat;
	display: flex;
	flex-direction: column;
	align-items: center;
	> div{
		width: 100%;
	}
	.m-nav-bar{
		flex-shrink: 0;
		margin-bottom: 18px;
	}
	.assets-details-top{
		flex-shrink: 0;
		.top_content{
			background-color: #FFFFFF;
			border-radius: 8px;
			width: 343px;
			padding: 25px 26px 20px;
			margin: 0 auto;
			.header{
				display: flex;
				justify-content: space-between;
				align-items: center;
				.left{
					display: flex;
					align-items: center;
					font-size: 14px;
					color: #140603;
					line-height: 20px;
					font-weight: Bold;
					width: 100%;
					.m-icon{
						width: 29px;
						height: 29px;	
						margin-right: 13px;
						flex-shrink: 1;
					}
					.text{
						color: #2B2B3A;
						flex-shrink: 0;
						width: calc(~"100% - 42px");
						overflow: hidden;
						text-overflow:ellipsis;
						white-space: nowrap;
					}
				}
				.right{
					width: 24px;
					height: 24px;
					.QRcode{
						width: 24px;
						height: 24px;	
					}
				}
			}
			.content{
				margin-top: 15px;
				.item{
					display: flex;
					line-height: 1.6;
					.label{
						color: #999999;
						font-size: 12px;
						flex-shrink: 0;
					}
					.value{
						font-size: 12px;
						color: #140603;
						flex-shrink: 1;
						width: calc(~"100% - 42px");
						align-items: center;
						font-weight: bold;
						&.red{
							color: #DD2E41;
						}
						.address-value{
							flex-shrink: 1;
							overflow: hidden;
							text-overflow:ellipsis;
							white-space: nowrap
						}
						span{
							// float: right;
							color: #DD2E41;
							font-size: 11px;
							flex-shrink: 0;
						}
					}
					.my-points-item{
						display: flex;
						width: 50%;
					}
				}
			}
			.footer{
				margin-top: 24px;
				display: flex;
				justify-content: space-between;
				button{
					width: 136px;
					height: 40px;
					font-size: 16px;
					border-radius: 5px;
					&.points-one{
						color: #DD2E41;
						border-color: #DD2E41;
					}
					&.points-two{
						color: #DD2E41;
						border-color: #DD2E41;
					}
					&.points-third{
						color: #FFFFFF;
						border-color: #DD2E41;
						background-color: #DD2E41;
					}
					&[type=primary][disabled]{
						color: rgba(0,0,0,.2);
						border-color: rgba(0,0,0,.2);
						background-color:rgba(0,0,0,.2);
					}
					
				}
			}
		}
	}
	.assets-details-tabs{
		margin-top: 10px;
		background-color: #FFFFFF;
		border-radius: 8px;
		width: 343px;
		flex-shrink: 1;
		display: flex;
		flex-direction: column;
		height: 100%;
		overflow: hidden;
		.tabs-title{
			font-size: 17px;
			color: #140603;
			font-weight: bold;
			line-height: 52px;
			border-bottom: 1px solid #F1F1F1;
			text-indent: 26px;
			flex: 0;
		}
		.tabs-content{
			position: relative;
			flex-shrink: 1;
			display: flex;
			flex-direction: column;
			height: calc(~"100% - 52px");
			overflow: hidden;
			.m-tabs{
				border-bottom: none;
			}
			.assets-swiper{
				height: 100%;
			}
			::v-deep.mescroll-uni-fixed{
				position: relative;
				top: 44px;
			}
			
			::v-deep.mescroll-uni-warp{
				flex-shrink: 1;
				// height: calc(~"100% - 44px");
				overflow-y: auto;
			}
			.m-tabs-con{
				flex-shrink: 0;
				border: 0;
			}
			.list-wrap{
				padding-left: 26px;
				.list-item{
					border-bottom: 1px solid #F1F1F1;
					.item-top,.item-footer{
						justify-content: space-between;
						align-items: center;
						padding-right: 26px;
					}
					.item-top{
						padding-top: 6px;
						.number{
							font-size: 19px;
							color: #DCB329;
							line-height: 27px;
							&.reduce{
								color: #140603;
							}
						}
						.status{
							font-size: 9px;
							color: #140603;
							&.fail{
								color:#DD2E41;
							}
						}
						
					}
					.item-footer{
						color: #999999;
						margin-bottom: 	6px;
						.address,.time{
							font-size: 12px;
						}
						.time{
							flex-shrink: 0;
						}
						.address{
							flex-shrink: 1;
							overflow: hidden;
							text-overflow:ellipsis;
							white-space: nowrap;
						}
					}
				}
			}
		}
	}
}