body {
	background-color: #FCFAFA;
}

.content-box {
	padding-top: 60px;
	width: 1080px;
	margin: 0 auto;

	.list-box {
		padding: 20px;
		background-color: #fff;
		margin-bottom: 20px;
		cursor: pointer;

		.name-box {
			display: flex;
			justify-content: space-between;
			margin-bottom: 10px;

			.name {
				font-weight: 700;
				font-size: 16px;
				color: #333333;
			}

			.time {
				font-weight: 400;
				font-size: 14px;
				color: #999999;
			}
		}

		.tabs-box {
			display: flex;

			font-weight: 400;
			font-size: 14px;
			color: #333333;

			div {
				margin-right: 10px;
				margin-left: 10px;
				font-weight: 400;
				font-size: 14px;
				color: #333333;
			}

			div:first-child {
				margin-left: 0;
			}
		}
	}

	.user-box {
		padding: 40px 30px;
		background-color: #fff;
		display: flex;
		justify-content: space-between;

		.left-box {
			flex: 1;
			margin-right: 10px;

			.text-title {
				margin-top: 40px;
				margin-bottom: 10px;
				font-weight: 700;
				font-size: 16px;
				color: #333333;
			}

			.tips {
				font-size: 14px;
				color: #606266;
				margin-bottom: 5px;
			}

			.title {
				font-weight: 700;
				font-size: 24px;
				color: #333333;
				margin-top: 20px;
				margin-bottom: 20px;
			}

			.tabs-box {
				display: flex;

				font-weight: 400;
				font-size: 14px;
				color: #333333;

				div {
					margin-right: 10px;
					margin-left: 10px;
					font-weight: 400;
					font-size: 14px;
					color: #333333;
				}

				div:first-child {
					margin-left: 0;
				}
			}
		}

		.right-box {
			width: 150px;
			height: 50px;
			background: linear-gradient(180deg, #FF60B4 0%, #E60B78 100%);
			border-radius: 25px 25px 25px 25px;
			text-align: center;
			line-height: 50px;
			font-weight: 500;
			font-size: 18px;
			color: #FFFFFF;
			cursor: pointer;
		}
	}
}