@import (reference) "../public";
@import url("../identity.less");
@comColor: #ff8b1a;
@FontColor: #333;
@SomeColor: #666;
@fontSize: 14px;
@L: left;
@R: right;

.clearFix {
	clear: both;
	overflow: hidden;
}

.active {
	color: @comColor;
}
.protocolSign {
	color: @comColor;
	cursor: pointer;
	// padding-left: 5px;
}
.hidden {
	display: none;
}

//下拉框
.alvinDropDown {
	width: 378px;
	height: 26px;
	text-indent: 12px;
	line-height: 26px;
	border: 1px solid #ccc;
	margin: 0 auto;
	position: relative;
	border-radius: 3px;
	background: #f2f2f2;
	cursor: pointer;

	> div {
		position: relative;
		width: 100%;
		.box-sizing();
		padding: 0 22px 0 14px;
		text-indent: 0px;
		height: 26px;
		line-height: 26px;
		background: #f2f2f2;
		text-align: left;
		overflow: hidden;
		white-space: nowrap;

		p {
			width: 100%;
			white-space: nowrap;
			overflow: hidden;
		}

		span {
			position: absolute;
			width: 14px;
			height: 6px;
			background: url(/shujiajia/static/image/public/sanjiao.png) no-repeat 50%
				0;
			right: 5px;
			top: 10px;
			cursor: pointer;
			transition: transform 0.6s;
		}

		span.toggle {
			.transform (@rotate: 180deg, @scale: 1, @skew: 0deg, @translate: 0px);
		}
	}

	ul {
		margin-left: -1px;
		width: 100%;
		border: 1px solid #ccc;
		border-top: none;
		margin-top: -1px;
		border-radius: 3px;
		background: #fff;
		display: none;
		position: absolute;
		z-index: 88;

		li {
			width: 100%;
			line-height: 26px;
			cursor: pointer;
			text-align: left;
			.box-sizing();
			padding: 0 14px;
			text-indent: 0px;

			&:hover {
				background: #d0dcfc;
			}

			&.active {
				background: #d0dcfc;
			}
		}
	}
}

//多选
.mutiSelect {
	li {
		float: left;
		margin-right: 18px;
		cursor: pointer;

		i {
			display: inline-block;
			width: 16px;
			vertical-align: middle;
			height: 16px;
			background: url(/shujiajia/static/image/public/check.png) no-repeat 0 0;
			margin-right: 5px;
		}

		&.on i {
			background: url(/shujiajia/static/image/public/check.png) no-repeat 0 -16px;
			background: url(/shujiajia/static/image/public/check.png) no-repeat 0 -16px;
		}
	}
}

// 试做不通过
.try_nopass {
	background: url("/shujiajia/static/image/myTask/timeoutIcon.png") no-repeat 0
		0px;
	padding-left: 15px;
	color: #f82a2a;
	font-size: 12px;
}

.outer {
	width: 1280px;
	margin: 0px auto;
	margin-bottom: 0;
	.box-sizing();
	padding: 0 14px;

	> h2.navBox {
		width: 100%;
		height: 30px;
		font-weight: normal;
		line-height: 30px;

		a {
			font-size: 12px;
			float: left;

			&:nth-child(2n) {
				padding: 0 10px;
				width: 6px;
				height: 30px;
				font-size: 20px;
				background: url("/shujiajia/static/image/public/sanjiao_right.png")
					no-repeat center center;
				background-size: 6px 11px;
			}

			&:nth-last-child(1) {
				color: @activeColor;
			}

			&:nth-child(1):hover {
				color: @activeColor;
			}
		}
	}

	.outer-list-head {
		background-color: #fff;
		padding: 0;
		width: 100%;
		height: 60px;
		line-height: 60px;
		border-bottom: 1px solid #ddd;

		a {
			float: left;
			width: 84px;
			height: 58px;
			text-align: center;
			line-height: 58px;
			cursor: pointer;
			font-size: 18px;
			margin-left: 20px;
			border-bottom: 3px solid transparent;
		}

		a:hover {
			border-bottom: 3px solid @activeColor;
			color: @activeColor;
			font-weight: 600;
		}

		a.on {
			border-bottom: 3px solid @activeColor;
			color: @activeColor;
			font-weight: 600;
		}

		.popupHint {
			float: @R;
			color: #4474f2;
			height: 62px;
			line-height: 62px;
			background: url("/shujiajia/static/image/public/issue.png") no-repeat 0
				50%;
			background-size: 16px 16px;
			cursor: pointer;
			padding-left: 20px;
			margin-right: 20px;
		}
	}

	/* 搜索 s */
	.historyScreenBox{
		display: none;
	}
	.outer-list-searchList {
		background-color: #fff;
		padding: 20px 20px 0;
		// 历史任务
		.historyTask{
			float: left;
			color: #4474f2;
			line-height: 30px;
			button{
				border: 0;
				color: #4474f2;
				cursor: pointer;
				background-color: #fff;
			}
			&.tryHistoryTask{
				display: none;
			}
		}
		.historyTitBox{
			float: left;
		}
		.publicTit {
			font-size: 18px;
			position: relative;
			font-weight: 500;
			color: #333;
			padding-left: 16px;
			text-align: left;
			line-height: 34px;
			&::before {
				position: absolute;
				content: "";
				width: 3px;
				height: 16px;
				background: #ff8b1a;
				margin-right: 5px;
				top: 10px;
				left: 0;
			}
		}
	
		/* 任务类型一级 */
		.threeLevelLinkage {
			float: left;
			display: flex;

			button {
				display: inline-block;
				line-height: 30px;
				width: 110px;
				color: #ff8b1a;
				border: 0;
				background-color: #f1f1f1;
				border-radius: 3px;
				margin-right: 20px;
				color: #666;
				cursor: pointer;
			}

			.taskTypeButton {
				button {
					&:hover {
						color: #ff8b1a;
					}
				}
			}

			.taskTypeActive {
				background-color: #ff8b1a;
				color: #fff;
				&:hover {
					color: #fff !important;
				}
			}

			.taskTypeSelect {
				position: relative;

				.taskTypeActive {
					background: #ff8b1a
						url("/shujiajia/static/image/myTask/triangleWhite.png") no-repeat
						95px center;
				}

				.typeShow {
					display: block;
				}

				button {
					position: relative;
					z-index: 10;
					text-align: left;
					padding-left: 10px;
					width: 115px;
					background: #f1f1f1
						url("/shujiajia/static/image/myTask/triangleGray.png") no-repeat
						95px center;
				}

				ul {
					display: none;
					position: absolute;
					top: 13px;
					width: 115px;
					box-sizing: border-box;
					padding: 18px 0 14px;
					border: 1px solid #ff8b1a;
					border-radius: 5px;
					background-color: #fff;
					line-height: 14px;
					z-index: 9;

					li {
						padding: 12px 0 0 12px;

						&:hover {
							color: #ff8b1a;
						}
					}
				}
			}
		}

		/* 任务名称 */
		.outer-list-searchList-name {
			float: right;
			display: flex;

			input {
				line-height: 32px;
				padding-left: 10px;
				border: 1px solid #ddd;
				width: 174px;
			}

			i {
				background: #ff8b1a url(/shujiajia/static/image/myTask/wholeSearch.png)
					no-repeat center;
				height: 34px;
				width: 38px;
				display: block;
				cursor: pointer;
			}
		}

		/* 任务类型二级三级 */
		.outer-list-searchList-type,
		.outer-list-searchList-state,
		.outer-list-searchList-audit,
		.outer-list-searchList-collection {
			float: left;
			// padding: 0 60px 5px 0;
			padding-bottom: 5px;

			span {
				line-height: 34px;
				display: inline-block;
			}

			select {
				height: 34px;
				width: 160px;
				line-height: 34px;
				margin-left: 10px;
				border: 1px solid #d0d0d0;
				color: #000033;
			}

			& select:last-child {
				margin-right: 60px;
			}
		}
		.outer-list-searchList-audit {
			display: none;
			position: relative;
			width: 100%;
			.auditTip {
				position: absolute;
				left: 250px;
				top: 8px;
				color: #f82a2a;
				font-size: 12px;
				cursor: pointer;
				p.active {
					color: #f82a2a;
					&::before {
						content: "";
						display: block;
						position: absolute;
						left: 50%;
						top: 8px;
						transform: translateX(-50%);
						border: 8px solid transparent;
						border-bottom-color: rgba(0, 0, 0, 0.6);
					}
					&::after {
						content: "";
						display: block;
						position: absolute;
						left: 50%;
						top: 24px;
						transform: translateX(-50%);
						background: rgba(0, 0, 0, 0.6)
							url("/shujiajia/static/image/myTask/shujiajia.jpg") no-repeat
							center;
						background-size: 200px;
						width: 200px;
						height: 200px;
						z-index: 9;
						padding: 10px;
					}
				}
			}
		}

		.outer-list-searchList-collection {
			.recruitTit,
			.recruitSelect,
			.customerSelect {
				display: none;
			}

			&.collectionType {
				display: none;
			}

			.recruitSelect {
				margin-right: 60px;
			}
		}
	}

	.collectionTips {
		display: none;
		background: #fff url("/shujiajia/static/image/myTask/warning.png") no-repeat
			20px 17px;
		color: #f82a2a;
		font-weight: bold;
		line-height: 20px;
		padding: 15px 20px 0 40px;
	}

	/* 搜索 e */
	/* 列表 */
	.outer-list-body {
		padding: 0 20px;
		background-color: #fff;

		li {
			position: relative;
			// float: left;
			width: 100%;
			padding: 25px 0 0;

			// border-bottom: 1px solid #ddd;
			&::after {
				content: "";
				display: inline-block;
				background: #ddd;
				height: 1px;
				width: 1080px;
				position: relative;
				left: 130px;
			}

			.outer-list-body-item-col {
				float: left;

				.imgBox {
					float: left;
					width: 100px;
					height: 100px;
					overflow: hidden;
					margin-right: 30px;
					position: relative;
					border: 1px solid #ececec;
					img {
						width: 100%;
						height: 100%;
					}

					.appoint_hint {
						position: absolute;
						top: 0px;
						right: 0px;
						width: 39px;
						height: 18px;
						text-align: center;
						line-height: 18px;
						background: #ff8b1a;
						color: #fff;
						font-size: 12px;
						float: left;
					}
				}

				.outer-list-body-item-col_r {
					width: 500px;
					float: left;
					box-sizing: border-box;
					padding: 12px 0 0 23px;
					background: url("/shujiajia/static/image/myTask/tiaoIcon.png")
						no-repeat;

					&.packageTask {
						background: url("/shujiajia/static/image/myTask/baoIcon.png")
							no-repeat;
					}
					&.auditItem {
						padding: 0;
						background: none;
						.auditDesc {
							p span {
								width: 120px;
								display: inline-block;
								text-align: right;
							}
						}
						.detailInfo_name {
							margin-bottom: 35px;
						}
					}
					.detailInfo_name {
						margin-right: 10px;
						cursor: pointer;
						.box-sizing();
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
						height: 28px;
						line-height: 28px;
						font-weight: 600;
						font-size: 16px;
						margin-bottom: 10px;
						span{
							display:inline-block;
							width:90px;
							height:26px;
							text-align: center;
							line-height: 26px;
							border-radius: 4px;
							margin-right:8px;
							&.offline{
								border:1px solid #1890FF;
								color:#1890FF;
								cursor: default;
							}
							&.online{
								border:1px solid #ff8b1a;
								color:#ff8b1a;
							}
						}
					}
					.try_detailInfo_name {
						margin-right: 10px;
						cursor: pointer;
						.box-sizing();
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
						height: 18px;
						line-height: 18px;
						font-weight: 600;
						font-size: 16px;
						margin-bottom: 10px;
					}
					.history_name{
						cursor: initial;
					}
					.labelBox {
						width: 290px;
						height: 20px;
						margin-bottom: 12px;
						overflow: hidden;

						a {
							display: inline-block;
							width: 60px;
							height: 18px;
							font-size: 12px;
							line-height: 18px;
							border: 1px dotted #4474f2;
							color: #4474f2;
							margin-right: 10px;
							text-align: center;
							background-color: #ecf1fe;
							overflow: hidden;
						}
					}

					.detailInfo_basic_type {
						margin-bottom: 14px;

						> p {
							float: left;
						}
					}

					.detailInfo_basic {
						width: 480px;

						// margin-bottom: 10px;
						p {
							// float: left;
							height: 16px;
							line-height: 16px;
							padding-right: 40px;
							padding-bottom: 10px;

							i {
								color: @activeColor;
								font-size: 14px;
							}

							span {
								width: 70px;
								display: inline-block;
								text-align: right;
							}
						}
					}

					.detailInfo_basic_des {
						margin-bottom: 10px;

						p {
							width: 100%;
							line-height: 20px;
							overflow: hidden;
							display: -webkit-box;
							-webkit-line-clamp: 2;
							-webkit-box-orient: vertical;
							color: #333;
							font-size: 14px;
						}
						.tryResultTip {
							font-size: 12px;
							line-height: 18px;
							border: 1px dotted #0ac89a;
							color: #0ac89a;
							margin-left: 10px;
							background-color: #e2fff7;
							padding: 0 5px;
						}
					}
				}

				&:nth-child(2) {
					width: 260px;

					.taskUnit {
						padding: 40px 0 0 10px;
						color: #f82a2a;
						font-weight: bold;
						float: left;
					}

					.taskStatus {
						float: right;
					}

					.outer-list-body-item-col_status {
						width: 100%;
						line-height: 35px;
						margin-top: 20px;
						text-align: center;
						.auditOpinion {
							cursor: pointer;
							color: #999;
							padding-left: 5px;
						}
					}

					.outer-list-body-item-col_myData {
						width: 100%;
						text-align: center;

						a {
							display: inline-block;
							width: 100%;
							text-align: center;
							color: #4474f2;
							text-decoration: underline;
						}
					}

					p.c0 {
						color: #f00a0a;
					}

					p.c1 {
						color: #4474f2;
					}

					p.c2 {
						color: #ff8b1a;
					}

					p.c3 {
						color: #f00a0a;
					}

					p.c4 {
						color: #0ac89a;
					}

					p.c5 {
						color: #4474f2;
					}

					p.c6 {
						color: #f00a0a;
					}

					p.c7 {
						color: #f00a0a;
					}

					p.c8 {
						color: #ff8b1a;
					}

					p.c9 {
						color: #4474f2;
					}

					p.c10 {
						color: #999;
					}

					p.c11 {
						color: #333;
					}
				}

				&:nth-child(3) {
					width: 320px;
					.box-sizing();
					padding-top: 10px;
					text-align: center;

					p {
						margin: 0 auto;
					}

					.mark {
						color: #ddd;
						position: relative;
						height: 80px;
						line-height: 80px;

						i {
							position: absolute;
							left: 110px;
							top: -30px;
							background: rgba(46, 45, 45, 0.4);
							border-radius: 4px;
							z-index: 2;
							width: 195px;
							padding: 5px 0;
							line-height: 20px;
						}

						i::after {
							position: absolute;
							content: "";
							left: 35px;
							bottom: -16px;
							width: 0;
							height: 0;
							border: 8px solid transparent;
							border-top-color: rgba(46, 45, 45, 0.4);
						}
					}

					.list_btn {
						// display:inline-block;
						cursor: pointer;
						width: 138px;
						height: 32px;
						line-height: 32px;
						border: 1px solid @activeColor;
						text-align: center;
						margin: 0 auto;
						margin-top: 16px;
						color: #ff8b1a;
						position: relative;

						// top: -20px;
						&:hover {
							background-color: @activeColor;
							color: #fff;
						}

						&.exeIng {
							border-color: #4474f2;
							color: #4474f2;
						}

						&.exeIng:hover {
							background-color: #4474f2;
							color: #fff;
						}

						&.detaileBtn {
							border-color: #4474f2;
							color: #4474f2;
						}

						&.detaileBtn:hover {
							background-color: #4474f2;
							color: #fff;
						}

						&.selfInspecBtn {
							border-color: #0ac89a;
							color: #0ac89a;
						}

						&.selfInspecBtn:hover {
							background-color: #0ac89a;
							color: #fff;
						}

						&.tryClick {
							border-color: #0ac89a;
							color: #0ac89a;
						}

						&.tryClick:hover {
							background-color: #0ac89a;
							color: #fff;
						}
						&.ownTryClick {
							border-color: #4474f2;
							color: #4474f2;
						}

						&.ownTryClick:hover {
							background-color: #4474f2;
							color: #fff;
						}
					}

					.canPerformData {
						width: 140px;
						height: 14px;
						line-height: 14px;
						font-size: 13px;
						color: #f82a2a;
						background: url(/shujiajia/static/image/myTask/msgIcon.png)
							no-repeat 0 0;
						position: relative;
						margin-top: 6px;
						text-align: left;
						text-indent: 18px;
					}

					.copack {
						text-indent: 14px;
					}

					.canPerformData_pack {
						width: 140px;
						height: 14px;
						line-height: 14px;
						font-size: 13px;
						color: #4474f2;
						background: url(/shujiajia/static/image/myTask/packEx.png) no-repeat
							0 0;
						position: relative;
						margin-top: 6px;
					}
				}
			}

			&:last-child {
				border: 0;
				margin-bottom: 0px;
			}
		}
	}

	.pagination-containerBox {
		width: 100%;
		background-color: #fff;
		text-align: right;

		#pagination-container {
			margin-right: 30px;
			cursor: pointer;
			display: inline-block;
			height: 30px;
			padding: 20px 0;
		}
	}
}

.over {
	width: 97%;
	margin: 0 auto;
	border-top: 1px solid #e8e8e8;
	box-sizing: border-box;
}

.over p {
	padding-left: 50px;
	color: #1296db;
	padding-top: 30px;
}

/* 上传文件 */
.winning_upload .webuploader-pick {
	width: 138px;
	height: 32px;
	border: 0;
	text-align: center;
	line-height: 32px;
	background: #fff;
	font-size: 14px;
	background: #ec6810;
	color: #fff;
	// margin-left: 45px;
}

.winning_uploads .webuploader-pick {
	width: 138px;
	height: 32px;
	border: 0;
	text-align: center;
	line-height: 32px;
	background: #fff;
	font-size: 14px;
	background: #10c0ec;
	color: #fff;
}

.winning_upload {
	border: 0;
	cursor: pointer;
	width: 138px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	margin: 0 5px;
	margin-top: 16px;
	position: relative;
	top: -20px;
	left: 85px;
}

.winningBid {
	background: rgb(27, 133, 33);
	color: #fff;
	border: 0;
	cursor: pointer;
	width: 138px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	margin: 0 5px;
	margin-top: 16px;
	position: relative;
	top: -20px;
	left: 80px;
}

.uploader-list {
	margin: 30px 20px;
	width: 400px;
}

.progress-striped {
	background: #eaeaea;
	border-radius: 2px;
	margin: 10px 0;
}

.progress-bar {
	height: 6px;
	background: #4778ca;
}

.item .info {
	text-align: left;
	font-size: 16px;
	color: #666;
	font-weight: 400;
}

.popupContentCanNotDel {
	.msg {
		line-height: 22px;
		padding: 20px 20px 0;
		text-align: left;

		span {
			display: inline-block;
			width: 100px;
			text-align: right;
			margin-right: 5px;
		}
	}

	p.c {
		padding-bottom: 0;
	}

	.popupClose {
		margin-top: 24px;
	}
}

// 公会踢出暂停样式
.pauseTip {
	font-size: 12px;
	background: url("/shujiajia/static/image/myTask/pauseIcon.png") no-repeat left
		center;
	padding-left: 23px;
	margin-top: 30px;
	display: inline-block;
}

.kickTip {
	font-size: 12px;
	color: #999;
	background: url("/shujiajia/static/image/myTask/kickIcon.png") no-repeat left
		center;
	padding-left: 23px;
	margin-top: 30px;
	display: inline-block;
}
.auditFail,
.reApplyBtn {
	color: #1e9fff !important;
	border: 1px solid #1e9fff !important;
}
.auditFail:hover,
.reApplyBtn:hover {
	background-color: #1e9fff !important;
	color: #fff !important;
}
.auditPass {
	line-height: 28px;
	// text-align: left;
	color: #666;
	p {
		span {
			display: inline-block;
			text-align: right;
			width: 100px;
		}
	}
}
// 审核意见弹窗
.project_popup {
	.popupContentCanNotDel {
		width: 500px;
		p.ti {
			background-color: #fff;
		}
		.auditClose {
			position: absolute;
			right: 10px;
		}
		.msg {
			padding: 20px;
		}
	}
	.trial {
		width: 620px;
		height: 600px;
	}
}
// 试做任务关联正式任务，隐藏按钮显示提示文字
.tryOverTip {
	width: 156px;
	text-align: left;
	color: #999;
	margin-top: 20px;
	padding-bottom: 4px;
}
.protocolTip {
	text-align: left;
	color: #999;
	margin-top: 20px;
	display: inline-block;
}
.tryOptation {
	display: block;
	cursor: pointer;
	color: #4474f2;
	// padding-right: 60px;
}
.trialDetails {
	color: #1e9fff;
	cursor: pointer;
	position: absolute;
	width: 100px !important;
	top: 106px;
	right: 140px;
}
.detailedBottom {
  width: 100px;
  position: absolute;
  bottom: 20px;
  right: 60px;
	button{
		margin: 0 10px;
		width: 20px;
		height: 20px;
	}
	button:hover{
		background-color: #c5e2f1;
	}
}
.update {
	border: 0;
	cursor: pointer;
}
.dowdate {
	border: 0;
	cursor: pointer;
}
.activeShow {
	display: none;
}
.realNameModeClose {
	position: absolute;
	right: 20px;
	top: 18px;
	width: 20px;
	height: 20px;
	cursor: pointer;
	background: url(/shujiajia/static/image/public/close.png) no-repeat 0 0;
}
.detailedTop {
	height: 120px;
	box-sizing: border-box;
	border: 1px solid #d1d1d1;
	background: #ededed;
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	width: 95%;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	div {
		width: 50%;
		line-height: 36px;
		display: flex;
		// span{
		//   width: 50%;
		// }
		.mark {
			text-align: right;
			font-weight: bold;
			width: 60%;
			color: black;
			font-weight: bold;
		}
		.values {
			width: 40%;
			text-align: left;
			box-sizing: border-box;
			padding-left: 10px;
		}
	}
}
.detailedCenter {
	table {
		width: 95%;
		margin: auto;
		thead {
			box-sizing: border-box;
			margin-top: 20px;
		}
		tr {
			height: 30px;
		}
	}
}

/*--------------------------------- 实名认证弹框 ---------------------------------*/

.popup .popupBG {
	position: fixed;
	z-index: 1102;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
}
//大陆用户验证

.real_name_boxBg{
	position:fixed;
	width:100%;
	height:100%;
	background: rgba(0,0,0,.6);
	left:0;
	top:0;
	z-index:99;
	.real_name_box{
		position:absolute;
		width: 280px;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		border: 1px solid #666;
		background: #fff;
		text-align: center;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
		border-radius: 5px;
		h2{
			text-align: center;
			font-weight: 600;
			height: 49px;
			line-height: 49px;
			border-bottom: 1px solid #ddd;
			background: #fff;
			font-size: 16px;
			position: relative;
			i{
				position:absolute;
				width: 18px;
				height: 18px;
				background-size: 18px, 18px;
				cursor: pointer;
				background: url(/shujiajia/static/image/public/close.png) no-repeat 0 0;
				right:12px;
				top:16px;
			}
		}
		p{
			width: 100%;
			line-height: 22px;
			padding: 24px 20px;
			text-align: center;
			white-space: normal;
			box-sizing: border-box;
			word-break: normal;
			word-wrap: break-word;
			white-space: pre-wrap;
			span{
				color: #ff8b1a;
			}
		}
		.real_name_btns{
			button{
				width: 120px;
				height: 38px;
				text-align: center;
				line-height: 36px;
				outline: none;
				border:none;
				border: 1px solid #a8a8a8;
				cursor: pointer;
				color: #333333;
				margin:0 4px 24px;
				background:#fff;
				&.real_name_btn{
					background:#ff8b1a;
					color:#fff;
					border-color:#ff8b1a
				}
			}
		}
	}
}