BiKing/pages/contract/sustainability/index.scss

.lable-title {
		width: 100%;
		height: 80rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-bottom: 1rpx solid $border-color;
		padding: 0 $pages-padding;
		font-size: 24rpx;
		color: #000;
		font-weight: bold;

		.lable-title-btn {
			color: $Theme-Color;
		}
		.lable-title-icon{
			font-size:34rpx;
			color:#000;
			font-weight: normal;
		}
	}

	.entrust-lable{
		width: 100%;
		height: 80rpx;
		padding: 0 $pages-padding;
		border-bottom: 1rpx solid $border-color;
		display: flex;
		align-items: center;
		.entrust-lable-text{
			font-size: 26rpx;
			color: $SizeColor;
			font-weight: bold;
			&:nth-child(n + 2){
					padding-left: 30rpx;
			}
		}
		.active-entrust-lable{
			color: $Theme-Color;
		}
	}
	.content-box{
		padding-bottom: 30rpx;
	}
	.content-top {
		padding: 28rpx $pages-padding;
		display: flex;
		justify-content: space-between;
		align-items: stretch;
		width: 100%;
		border-bottom: 1rpx solid $border-color;

		.top-left,
		.top-right {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
		}

		.top-left-title {
			font-size: 30rpx;
			font-weight: bold;

			.iconfont {
				margin: 0 10rpx 0 20rpx;
			}

			.icon-size {
				font-size: 24rpx;
				color: $Theme-Color;
			}
			
			text{
				&:nth-child(n + 2){
					
					padding-left: 10rpx;
				}
			}
		}

		.top-left-b {
			
			color: $SizeColor;
			font-size: 22rpx;
			padding-top: 10rpx;
		}

		.top-left-b-tag {
			padding: 4rpx 6rpx;
			border-radius: 3rpx;
			background-color: $Theme-Color;
			color: #fff;
			margin-left: 20rpx;
		}

		.top-right {
			flex-shrink: 0;
			text-align: right;
			color: $Theme-Color;
			font-size: 28rpx;
			font-weight: bold;
			
			.top-right-float {
				font-weight: normal;
				font-size: 22rpx;

				text {
					border-bottom: 1rpx dashed $Theme-Color;
				}
			}
			 
		}
	}
	.top-right-btns{
		justify-content: center !important;
		.top-right-btn{
			width: 90rpx;
			height: 60rpx;
			background-color:  $Theme-Color;
			color: #fff;
			text-align: center;
			line-height: 60rpx;
			font-weight: normal;
			border-radius: 10rpx;
		}
	}
	.content-info {
		padding: 0 $pages-padding;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;

		.info-item {
			width: 30%;
			display: flex;
			flex-direction: column;

			

			&:nth-child(3n) {
				width: 40%;
				text-align: right;
			}

			.info-item-lable {
				padding: 30rpx 0 20rpx;
				// color: $SizeColor;
				color: rgba(101,99,99, 0.9);
				font-size: 22rpx;
			}

			.info-item-val {
				font-size: 22rpx;
				color: #000;
				font-weight: bold;
				.iconfont {
					font-size: 24rpx;
					color: $Theme-Color;
					margin-left: 20rpx;
				}
			}
		}
	}

	.content-btns {
		width: 100%;

		padding: 40rpx $pages-padding 0;
		width: 100%;
		display: flex;
		justify-content: space-between;

		.content-btn-item {
			flex: 1;
			height: 70rpx;
			line-height: 70rpx;
			background-color: $Theme-Color;
			text-align: center;
			color: #fff;
			border-radius: 6rpx;
			font-size: 28rpx;

			&:nth-child(n + 2) {
				background-color: $Theme-Color04;
				color: $Theme-Color;
				margin-left: 20rpx;
			}
		}
	}
	
	// <view class="record-hint">
	// 	<text class="record-lable">平仓时间</text>
	// 	<view class="record-icon">
	// 		<text class="icon-size iconfont">&#xe8b0;</text>
	// 		<text class="icon-size">分享</text>
	// 	</view>
	// </view>
	.record-hint{
		padding: 40rpx $pages-padding 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
		.record-lable{
			color: $SizeColor;
			font-size: 22rpx;
		}
		.record-icon{
			font-size: 24rpx;
			color: $Theme-Color;
			display: flex;
			align-items: center;
			font-weight: bold;
			.iconfont{
				font-weight: normal;
				font-size: 28rpx;
				margin-right: 6rpx;
			}
		}
	}