.card_main {
	width: calc(100% - 48px);
/*	min-height: 144px;*/
	position: relative;
	margin-top: 24px;
	/* margin-bottom: 24px; */
	left: 24px;
}

.group_card_infoMain {
	display: flex;
	flex-direction: column;
}

.group_card_infoMainTitleD {
	width: 100%;
	height: 48px;
	position: relative;
	display: flex;
	flex-wrap: nowrap;
}

.group_card_infoMainTitleD_comment {
	width: 100%;
	position: relative;
	display: flex;
	flex-wrap: nowrap;
}

.group_card_info,
.portfolioComment_card_info {
	background: #FFFFFF;
}
.projectApplyCard {
	background: #E1F5DC;
}

.freeter_main_cardList {
	/* width: 68%; */
	width: 100%;
	height: auto;
	position: relative;
	margin-left: 0;
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	justify-content: space-between;
}

.group_card_info.card,
.portfolioComment_card_info.card,
.projectApplyCard.card{
	width: 100%;
	height: auto;
	box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
	border-radius: 8px 8px 8px 8px;
	opacity: 1;
	border: 1px solid #D9D9D9;
	box-sizing: border-box;
	position: relative;
	margin-bottom: 16px;
}

.group_card_infoMainOperateD {
	width: 100%;
	height: 40px;
	border: 1px solid #F0F0F0;
	border-style: none none solid none;
	box-sizing: border-box;
	display: flex;
	position: relative;
	margin-top: 12px;
	flex-direction: row;
}

.group_card_infoMainOperateD_comment {
	width: 100%;
	height: 40px;
	border: 0;
	display: flex;
	position: relative;
	/* margin-top: 12px; */
	flex-direction: row;
}

.group_card_infoMainCommentD {
	width: 100%;
	box-sizing: border-box;
	display: flex;
	position: relative;
	/* margin-top: 12px; */
	flex-direction: column;
}

.gci_commentMore {
	width: 100%;
	height: 26px;
	position: relative;
}

.open_more_comment {
	color: #006905;
	line-height: 26px;
	font-size: 12px;
	height: 26px;
	position: relative;
	cursor: pointer;
	user-select: none;
}

.group_card_infoMainHead {
	width: 48px;
	height: 48px;
	position: relative;
	left: 0;
	border-radius: 4px;
}

.group_card_infoMainTitle {
	width: calc(100% - 72px);
	height: 100%;
	display: flex;
	flex-direction: column;
	margin-left: 12px;
}

.group_card_infoMainGroup {
	width: 100%;
	height: 16px;
	font-size: 12px;
	color: #434343;
	font-weight: 400;
	position: relative;
	margin-top: 4px;
}

.group_card_infoMainNameD {
	width: 100%;
	height: 24px;
	position: relative;
	display: flex;
	flex-wrap: nowrap;
}

.group_card_infoMainName {
	font-size: 12px;
	color: #141414;
	line-height: 24px;
	height: 24px;
	font-weight: 400;
	position: relative;
}

.group_card_infoMainImg {
	width: 24px;
	height: 24px;
	position: relative;
	margin-left: 8px;
}

.group_card_infoMainPostTime {
	height: 24px;
	font-size: 12px;
	font-weight: 300;
	color: #141414;
	line-height: 24px;
	position: relative;
	margin-left: 12px;
}

.group_card_infoMainMore {
	width: 24px;
	height: 24px;
	border-radius: 4px;
	opacity: 1;
	position: relative;
	margin-left: 0;
	top: 12px;
	cursor: pointer;
}

.card_infoMainMorePopup {
    right: -6px;
    top: 38px;
}

.group_card_infoMainTextD {
	width: 100%;
	position: relative;
	margin-top: 12px;
}
.group_card_infoMainTextD_comment {
	width: 100%;
	position: relative;
}
.group_card_infoMainText {
	line-height: 22px;
	word-break: break-all;
	font-size: 16px;
	color: #000000;
	position: relative;
}

.group_card_infoMainTextMore {
	color: #006905;
	font-size: 12px;
	position: relative;
	text-decoration-line: underline;
	display: none;
}

.group_card_infoMainOperate {
	/* width: 190px; */
	height: 30px;
	border-radius: 0px 0px 0px 0px;
	opacity: 1;
	position: relative;
	display: flex;
	top: 5px;
	justify-content: center;
	user-select: none;
	cursor: pointer;
	margin-right: 23px;
}

.group_card_infoMainOperate img {
	width: 16px;
	height: 16px;
	position: relative;
	top: 6px;
}

.group_card_infoMainOperate span {
	font-size: 16px;
	color: #595959;
	font-weight: 400;
	line-height: 30px;
	margin-left: 6px;
	position: relative;
}

.comment_content_div {
	width: 100%;
	position: relative;
}

.group_card_infoMain_comment {
	width: calc(100% - 46px);
	left: 46px;
	margin-top: 8px;
}

.projectApplyCardMain {
	display: flex;
	flex-direction: column;
}

.projectRecommendCardD {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}

.projectRecommendCard {
	width: 378px;
	height: 316px;
	background: white;
	position: relative;
	margin-bottom: 16px;
	box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
	border-radius: 8px 8px 8px 8px;
	opacity: 1;
	border: 1px solid #D9D9D9;
}

.projectRecommendCardMain {
	width: calc(100% - 48px);
	height: calc(100% - 48px);
	position: relative;
	display: flex;
	flex-direction: column;
	left: 24px;
	top: 24px;
}

.projectApplyCardMain_title {
	width: 100%;
	height: 48px;
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	box-sizing: border-box;
}

.projectApplyCardMain_title img {
	width: 48px;
	height: 48px;
	position: relative;
}

.projectApplyCardMain_title_content {
	width: calc(100% - 64px);
	height: 40px;
	position: relative;
	margin-left: 8px;
	display: flex;
	flex-direction: column;
	top: 4px;
}

.applyPerson_text {
	width: 100%;
	height: 16px;
	font-size: 12px;
	color: #434343;
	position: relative;
}

.projectApplyCard_applyTime {
	width: 100%;
	height: 24px;
	font-size: 12px;
	color: #141414;
	line-height: 24px;
	position: relative;
}


.applyPerson_number,
.applyPerson_subjectName {
	color: #006905 !important;
	position: relative;
	margin-left: 4px;
	margin-right: 4px;
	cursor: pointer;
}

.applyPerson_name {
	color: #006905 !important;
	position: relative;
	margin-right: 4px;
	cursor: pointer;
}

.applyPerson_name:hover,
.applyPerson_number:hover,
.applyPerson_subjectName:hover {
	text-decoration-line: underline;
}

.applyPerson_time,
.applyPerson_money {
	color: #006905 !important;
	position: relative;
	margin-left: 4px;
	margin-right: 4px;
}

.projectApplyCardMain_person {
	width: calc(100% - 72px);
	position: relative;
	left: 72px;
	margin-top: 16px;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
}

.projectApplyCardMain_person_title {
	width: 100%;
	height: 48px;
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	box-sizing: border-box;
}

.applyPerson_headImg {
	width: 48px;
	height: 48px;
	position: relative;
	border-radius: 4px;
}

.projectApplyCardMain_applyInfo {
	line-height: 22px;
	word-break: break-all;
	font-size: 14px;
	color: #000000;
	position: relative;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	width: 100%;
	text-overflow: ellipsis;
	margin-top: 16px;
}

.projectApplyCardMain_buttonD {
	width: 100%;
	height: 36px;
	position: relative;
	margin-top: 16px;
	display: flex;
	flex-wrap: nowrap;
}

.projectApplyCardMain_message {
	width: 80px;
	height: 36px;
	line-height: 36px;
	background: #FFFFFF;
	border-radius: 8px 8px 8px 8px;
	border: 1px solid #F0F0F0;
	position: relative;
	margin-left: 12px;
	text-align: center;
	color: #141414;
	user-select: none;
	cursor: pointer;
}

.projectApplyCardMain_message img {
	width: 20px;
	height: 20px;
	position: relative;
	top: 5px;
	margin-right: 4px;
}

.projectApplyCard_browseAll {
	width: calc(100% - 72px);
	position: relative;
	left: 72px;
	margin-top: 16px;
	color: #006905;
	font-weight: 400;
	margin-bottom: 24px;
}

.projectRecommendCardMainTitleD {
    width: 100%;
    height: 58px;
    position: relative;
    display: flex;
    flex-wrap: nowrap;
}

span.projectRecommendCardMainTitle {
    width: 260px;
    height: 58px;
    font-size: 18px;
    font-weight: 400;
    color: #006905;
    line-height: 30px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    box-sizing: border-box;
    cursor: pointer;
}

span.prcmtm_type {
	background: #F13C3C;
	color: white;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 8px;
	margin-top: 4px;
	user-select: none;
	font-size: 14px;
}

.projectRecommendCardMainTitle_moneyD {
    position: absolute;
    display: flex;
    flex-direction: column;
    right: 0;
}

span.prcmtm_money {
    color: #000000;
    margin-top: 10px;
}

.projectRecommentCardMain_subjectD {
	position: relative;
	width: 100%;
	display: flex;
	margin-top: 4px;
}

span.projectRecommentCardMain_subject {
    background: #849BF3;
    border-radius: 4px;
    cursor: pointer;
    user-select: none;
    position: relative;
    line-height: 21px;
    text-align: center;
    height: 21px;
    font-size: 12px;
    display: flex;
    margin-left: 0px;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
    margin-right: 8px;
    margin-top: 4px;
}

.projectRecommentCardMain_text {
	color: #000000;
	font-weight: 300;
	line-height: 22px;
	word-break: break-all;
	font-size: 14px;
	margin-top: 0px;
	min-height: 106px;
}

.projectRecommentCardMain_skillD {
    width: 100%;
    height: 22px;
    position: relative;
    margin-top: 0px;
}

.projectRecommendCardMain_skill {
    position: relative;
    color: #04B400;
    margin-right: 8px;
    user-select: none;
    cursor: pointer;
    font-size: 14px;
}

.projectRecommendCardMain_skill:hover {
	text-decoration-line: underline;
}

span.projectRecommendCardMain_detail {
    cursor: pointer;
    top: 1px;
    position: relative;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-indent: 24px;
    line-height: 22px;
    -webkit-box-orient: vertical;
}

.projectRecommendCardMain_bottomD {
    position: absolute;
    bottom: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 50px;
}

.projectRecommendCard_publishTime {
	font-size: 14px;
	position: relative;
	color: #434343;
	font-weight: 300;
}

.projectRecommendCard_publishPersonD {
    width: 100%;
    height: 24px;
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    margin-top: 7px;
}

img.projectRecommendCard_publishPersonHead {
    width: 24px;
    height: 24px;
    position: relative;
    border-radius: 4px;
}

span.projectRecommendCard_publishPersonName {
    margin-left: 8px;
    top: 3px;
    position: relative;
    cursor: pointer;
    color: #006905 !important;
}

.questionAskPersonInfoCard,
.questionInfoCard {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	background: white;
	border-radius: 8px;
	border: 1px solid #D9D9D9;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom: 16px;
	padding-left: 12px;
	padding-right: 12px;
	box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
}

.questionAskPersonInfo {
	width: calc(100% - 24px);
	min-height: 160px;
	position: relative;
	left: 12px;
	margin-top: 24px;
	margin-bottom: 24px;
	display: flex;
	flex-wrap: nowrap;
}

.qapi_head {
	width: 160px;
	height: 100%;
	position: relative;
	top: 0;
	left: 0;
}

.qapi_infoD {
	width: calc(100% - 340px);
	position: relative;
	margin-left: 12px;
	display: flex;
	flex-direction: column;
}

.qapii_buttonD {
	width: 138px;
	position: relative;
	margin-left: 30px;
	display: flex;
	flex-direction: column-reverse;
}

.qapii_nameAndProve {
	width: 100%;
	height: 24px;
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	margin-top: 4px;
}

.qapii_nameAndProve .personName {
	color: #000000;
	line-height: 24px;
	font-weight: bold;
	font-size: 16px;
	position: relative;
	cursor: pointer;
}

.qapii_nameAndProve .personEmail {
	color: rgba(4, 180, 0, 1);
	line-height: 24px;
	font-weight: 400;
	font-size: 16px;
	position: relative;
	text-decoration-line: underline;
	margin-left: 6px;
	cursor: pointer;
}

.qapii_nameAndProve .authenticationIcon {
	width: 24px;
	height: 24px;
	position: relative;
	margin-left: 8px;
}

.questionAskPersonInfo .qapii_evaluateD {
	position: relative;
	width: 100%;
	height: 24px;
	margin-top: 8px;
	display: flex;
	flex-wrap: nowrap;
}

.questionAskPersonInfo .fraction_starNumber {
	height: 100%;
	position: relative;
	margin-left: 0;
	display: flex;
	flex-wrap: nowrap;
}

.questionAskPersonInfo .fraction_starD {
	height: 100%;
	position: relative;
	display: flex;
	flex-wrap: nowrap;
}

.questionAskPersonInfo .fraction_star {
	width: 20px;
	height: 20px;
	margin-right: 4px;
	position: relative;
	top: 2px;
}

.questionAskPersonInfo .fraction_number {
	height: 24px;
	font-size: 16px;
	font-weight: 400;
	color: #141414;
	line-height: 24px;
	position: relative;
}

.questionAskPersonInfo .evaluate_text {
	position: relative;
	height: 24px;
	font-weight: 400;
	color: rgba(0,0,0,0.75);
	line-height: 24px;
	margin-left: 16px;
}

.questionAskPersonInfo .evaluate_text span {
	color: #000000;
}

.questionAskPersonInfo .evaluate_career {
	width: 100%;
	height: 24px;
	font-size: 16px;
	font-weight: 400;
	color: #000000;
	line-height: 24px;
	position: relative;
	margin-top: 4px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.evaluate_introduceD {
	width: 100%;
	position: relative;
	margin-top: 4px;
	min-height: 45px;
}

.evaluate_introduce {
	line-height: 22px;
	word-break: break-all;
	font-size: 14px;
	color: #000000;
	position: relative;
	font-weight: lighter;
}

.evaluate_introduce_more {
	color: #006905;
	font-size: 14px;
	position: relative;
}

.evaluate_skillD {
	width: 100%;
	min-height: 24px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	text-overflow: ellipsis;
	margin-top: 8px;
}

.evaluate_skill {
	height: 24px;
	font-size: 14px;
	font-weight: 300;
	color: #006905;
	line-height: 24px;
	position: relative;
	margin-right: 16px;
	cursor: pointer;
}

.evaluate_skill:hover {
	text-decoration-line: underline;
}

.qapii_askQuestion {
	width: 108px;
	height: 37px;
	display: block;
	border-radius: 4px;
	position: absolute;
	line-height: 37px;
	right: 0;
	bottom: 0;
	text-align: center;
}

.questionInfoCard .questionInfo {
	width: calc(100% - 24px);
	position: relative;
	left: 12px;
	margin-top: 24px;
	margin-bottom: 24px;
	display: flex;
	flex-wrap: nowrap;
}

.questionInfoCard .qi-contentD {
	width: calc(100% - 184px);
	position: relative;
	left: 0;
	display: flex;
	flex-direction: column;
	height: auto;
}

.questionInfoCard .qi-operateD {
	width: 160px;
	position: relative;
	margin-left: 24px;
	display: flex;
	flex-direction: column;
}

.questionInfoCard .qio-receivingOrders {
    width: 90px;
    height: 34px;
    border-radius: 4px;
    text-align: center;
    right: 0;
    bottom: 0;
    position: absolute;
    display: block;
    line-height: 34px;
}

.questionInfoCard .qi-operateD .qio-more {
	width: 24px;
	height: 24px;
	border-radius: 4px;
	opacity: 1;
	top: 0;
	right: 0;
	position: absolute;
}

.qic-moneyD {
	width: 100%;
	height: 34px;
	position: relative;
	margin-top:16px;
}

.qic-money {
	position: relative;
	top: 6px;
	width: 51px;
	height: 21px;
	font-size: 16px;
	font-weight: bold;
	color: #F13C3C;
	line-height: 21px;
}

.qic-contentD {
	position: relative;
	margin-top: 8px;
}

.qic-titleD {
    position: relative;
    height: 21px;
}

.qic-content {
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	font-weight: lighter;
}

span.qic-contentMore {
    color: #006905;
    font-size: 14px;
    position: relative;
}

.qic_content_img {
	width: 288px;
	height: 288px;
	position: relative;
	object-fit: cover;
	cursor: zoom-in;
}

span.qic-title {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    line-height: 24px;
}

.qic_privateContent {
	height: 24px;
	font-size: 16px;
	font-weight: 300;
	color: #F13C3C;
	line-height: 19px;
}

.span.qic-contentMore:hover {
	text-decoration-line: underline;
}

.projectApplyCardMain_more {
	border-radius: 8px;
	line-height: 36px;
	height: 36px;
}

.message_dateCard {
	width: 100%;
	height: 30px;
	position: relative;
	margin-top: 16px;
	margin-bottom: 12px;
	display: block;
}

.message_dateCard_date {
	font-weight: 400;
	font-size: 12px;
	color: #000000;
	width: 100%;
	height: 30px;
	line-height: 30px;
	display: block;
	position: relative;
	margin:auto;
	text-align: center;
}

.message_myCard {
	width: calc(100% - 96px);
	height: auto;
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-end;
	margin-bottom: 12px;
}

.message_myCard_textD {
	max-width: 50%;
	position: relative;
	min-height: 46px;
	background: #E1F5DC;
	padding: 4px;
	margin-right: 24px;
	border-radius: 12px;
	box-sizing: border-box;
}

.message_myCard_text {
	max-width: calc(100% - 24px);
	margin-left: 12px;
	margin-right: 12px;
	font-size: 16px;
	color: #004206;
	position: relative;
	margin-top: 4px;
	display: block;
	white-space: normal;
}

.message_myCard_time {
	width: calc(100% - 24px);
	left: 12px;
	text-align: right;
	font-size: 14px;
	color: #595959;
	position: relative;
	margin-bottom: 4px;
	margin-top: 4px;
}

.message_otherCard {
	width: calc(100% - 96px);
	height: auto;
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	margin-bottom: 12px;
}

.message_otherCard_textD {
	max-width: 50%;
	position: relative;
	min-height: 46px;
	background: #FFFFFF;
	padding: 4px;
	margin-left: 24px;
	border-radius: 12px;
	box-sizing: border-box;
}

.message_otherCard_text {
	max-width: calc(100% - 24px);
	margin-left: 12px;
	margin-right: 12px;
	font-size: 16px;
	color: #004206;
	position: relative;
	margin-top: 4px;
	display: block;
	white-space: normal;
}

.message_otherCard_time {
	width: calc(100% - 24px);
	left: 12px;
	text-align: right;
	font-size: 14px;
	color: #595959;
	position: relative;
	margin-bottom: 4px;
	margin-top: 4px;
}

.message_myCard .person_headD {
	width: 48px;
	height: 100%;
	position: relative;
	margin-top: 0;
	margin-bottom: 0;
}

.message_myCard .person_headD .person_head {
	width: 48px;
	height: 48px;
	position: absolute;
	border-radius: 4px;
	margin: auto;
	top: 0;
	bottom: 0;
}

.message_otherCard .person_headD {
	width: 48px;
	height: 48px;
	position: relative;
}

.message_otherCard .person_headD .person_head {
	width: 48px;
	height: 48px;
	position: relative;
	left: 0;
	top: 0;
	border-radius: 4px;
}

.message_otherCard .person_headD .person_onlineType {
	width: 12px;
	height: 12px;
	position: absolute;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	border: 1px solid #fff;
}

.message_evaluateCard {
	width: calc(100% - 96px);
	height: 420px;
	position: relative;
	margin-top: 30px;
	border: 1px solid #D9D9D9;
	border-style: solid none none none;
	box-sizing: border-box;
	margin-bottom: 30px;
	display: flex;
	justify-content: center;
}

.message_evaluateCard .main {
	min-width: 600px;
	width: 40%;
	margin-top: 20px;
	position: relative;
	background: #FFFFFF;
	border-radius: 6px 6px 6px 6px;
	box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.06);
}

.message_evaluateCard .title {
	width: calc(100% - 32px);
	position: relative;
	margin-top: 16px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	left: 16px;
	display: block;
}

.message_evaluateCard .fraction_starNumber {
	height: 32px;
	width: 100%;
	position: relative;
	margin-left: 0;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	margin-top: 12px;
}

.message_evaluateCard .fraction_starD {
	height: 100%;
	position: relative;
	display: flex;
	flex-wrap: nowrap;
}

.message_evaluateCard .fraction_star {
	width: 32px;
	height: 32px;
	margin-right: 4px;
	position: relative;
	top: 2px;
	cursor: pointer;
	user-select: none;
}

.message_evaluateCard .fraction_star .star {
	width: 100%;
	height: 100%;
	background-image: url(../image/star.svg);
}

.message_evaluateCard .fraction_starSelect .star {
	background-image: url(../image/redStar.svg) !important;
}

.message_evaluateCard_score {
	width: calc(100% - 32px);
	position: relative;
	margin-top: 16px;
	text-align: center;
	font-size: 16px;
	left: 16px;
	display: block;
	color: #8C8C8C;
}

.message_evaluateCard_scoreSelect {
    width: calc(100% - 32px);
    height: 86px;
    border-radius: 0px 0px 0px 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 12px;
    left: 16px;
    position: relative;
    display: none;
}

span.message_evaluateCard_scoreSelect_text {
    width: 128px;
    height: 32px;
    border-radius: 26px 26px 26px 26px;
    border: 1px solid #8C8C8C;
    text-align: center;
    margin-right: 12px;
    line-height: 30px;
    color: #8C8C8C;
    user-select: none;
    cursor: pointer;
    box-sizing: border-box;
}

.message_evaluateCard_scoreSelect_text.selected {
	background: #E1F5DC !important;
	color: #04B400 !important;
	border:none !important;
}

.message_evaluateCard_scoreSelect_text:hover {
	background: #F0F0F0;
}

.message_evaluateCard_myEvaluate {
	width: calc(100% - 32px);
	height: 88px;
	position: relative;
	left: 16px;
	margin-top: 12px;
	resize: none;
	outline: none;
	text-indent: 12px;
	padding-top: 8px;
	background: #F5F5F5;
	border-radius: 4px 4px 4px 4px;
	border:none;
}

.message_evaluateCard_buttonD {
	width: calc(100% - 32px);
	height: 34px;
	margin-top: 12px;
	margin-bottom: 16px;
	position: relative;
	left: 16px;
}

.message_evaluateSend {
	border-radius: 4px 4px 4px 4px;
	position: absolute;
	right: 0;
	box-sizing: border-box;
	user-select: none;
}

.message_freeterPersonCard {
	width: calc(100% - 96px);
	height: auto;
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	margin-bottom: 12px;
}

.myTaskCard {
	width: 389px;
	height: 226px;
	background: #FFFFFF;
	box-shadow: 0px 5px 12px 4px rgba(0,0,0,0.09), 0px 3px 6px 0px rgba(0,0,0,0.12), 0px 1px 2px -2px rgba(0,0,0,0.16);
	border-radius: 8px 8px 8px 8px;
	border: 1px solid #D9D9D9;
	position: relative;
	margin-bottom: 16px;
}

.myTaskCard_content {
	width: calc(100% - 32px);
	left: 16px;
	position: relative;
	margin-top: 16px;
	display: flex;
	flex-wrap: nowrap;
}

.myTaskCard_span {
	height: 40px;
	line-height: 40px;
	position: relative;
}

.myTaskCard_status {
	font-weight: 400;
	font-size: 16px;
	text-align: left;
	border-radius: 4px;
	position: absolute;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
	right: 0;
}

.redIng {
	background: rgba(241,60,60,0.08);
	color: #F13C3C;
}

.myTaskCard_typeImg {
	width: 24px;
	height: 24px;
	position: relative;
	top: 2px;
	margin-left: 4px;
}

.myTaskCard_typeD {
	width: 72px;
	height: 32px;
	border-radius: 4px 4px 4px 4px;
	border: 1px solid #8C8C8C;
	position: relative;
	display: flex;
	flex-wrap: nowrap;
}

.myTaskCard_type_text {
	height: 32px;
	position: relative;
	line-height: 32px;
	margin-left: 4px;
}

.myTaskCard_type_project {
	background-image: url('../image/project_grey.svg');
}

.myTaskCard_type_problem {
	background-image: url('../image/problem_grey.svg');
}

.myTaskCard_detailButton {
	width: 58px;
	height: 34px;
	position: absolute;
	right: 0;
	text-align: center;
	border-radius: 4px;
	line-height: 34px;
}

.myTaskCard_timeD {
	position: absolute;
	right: 0;
}

.group_card {
	width: 378px;
	height: 384px;
	border-radius: 0px 0px 0px 0px;
	cursor: pointer;
	user-select: none;
	position: relative;
	box-shadow: 0px 5px 12px 4px rgba(0,0,0,0.09), 0px 3px 6px 0px rgba(0,0,0,0.12), -1px -2px 2px -2px rgba(0,0,0,0.16);
	overflow: hidden;
	border-radius: 8px;
	margin-bottom: 16px;
}

.group_card:hover .group_card_pic {
	transform: scale(1.2);
	filter: blur(0.5px);
}

.group_card:hover .group_card_introduce{
	bottom: 0px;
}

.group_card .group_card_img {
	width: 100%;
	height: calc(100% - 86px);
	position: absolute;
	left: 0;
	top: 0;
}

.group_card .group_card_pic {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.5s;
	position: absolute;
}

.group_card .group_card_introduce {
	width: 100%;
	height: 172px;
	position: absolute;
	bottom: -86px;
	transition: 0.5s;
	z-index: 2;
	border-radius: 0 0 8px 8px;
	background-color: #FFFFFF;
	box-shadow: -1px -1px 7px 0px rgba(0,0,0,0.15);
}

.group_card .display-flex-directionAuto {
	width: calc(100% - 32px);
	left: 16px;
	position: relative;
}

.group_card .group_title {
	width: 100%;
	height: 30px;
	position: relative;
}

.group_card .group_number {
	width: 100%;
	height: 24px;
	position: relative;
	display: flex;
	flex-wrap: nowrap;
}

.group_card .group_skillD {
	width: 100%;
	height: 32px;
	position: relative;
	display: flex;
	flex-wrap: nowrap;
}

.group_card .group_detail {
	width: 100%;
	height: 86px;
	position: relative;
}

.group_card .group_introduceText {
	position: relative;
	font-size: 16px;
	color: #000000;
	line-height: 24px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	height: auto;
	max-height: 62px;
}

.group_card .skill {
	font-weight: 400;
	font-size: 16px;
	color: #008F02;
	line-height: 24px;
	position: relative;
	margin-right: 8px;
}

.group_card .group_name {
	font-weight: bold;
	font-size: 16px;
	color: #141414;
	width: calc(100% - 24px);
	position: absolute;
	top: 6px;
	left: 0;
}

.group_card .group_type {
	width: 24px;
	height: 24px;
	position: absolute;
	right: 0;
	top: 6px;
	user-select: none;
}

.group_card .group_number span {
	color: #8C8C8C;
	font-size: 14px;
	line-height: 24px;
	font-weight: 500;
	position: relative;
}

.group_card .group_introduceFrom {
	width: 100%;
	height: 24px;
	position: absolute;
	right: 0;
	bottom: 12px;
	text-align: right;
	font-size: 14px;
	color: #8C8C8C;
}

.freeter_portfolioCard {
	width: 344px;
	border-radius: 0px 0px 0px 0px;
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 8px;
	margin: 6px;
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.5s;
	overflow: hidden;
}

.freeter_portfolioCard:hover {
	background: #FFF;
	box-shadow: 0px 5px 12px 4px rgba(0, 0, 0, 0.09), 0px 3px 6px 0px rgba(0, 0, 0, 0.12), -1px -2px 2px -2px rgba(0, 0, 0, 0.16);
}

.freeter_portfolioCard:hover .portfolioCard_img {
	box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);
}


.portfolioCard_imgD {
	width: 344px;
	max-height: 611px;
	border-radius: 8px;
	position: relative;
	overflow: hidden;
	transition: all 0.5s;
}

.portfolioCard_img {
	width: 100%;
	height: 100%;
	position: relative;
	object-fit: cover;
	border-radius: 8px;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
}

.portfolioCard_info {
	width: 100%;
	height: 68px;
	position: relative;
}

.concurNumberD {
	width: auto;
	position: absolute;
	right: 0;
	display: flex;
	flex-wrap: nowrap;
}

.concurD {
	width: 24px;
	height: 24px;
	position: relative;
}

.concurD .concurT {
	display: none;
}

.concurD .concurF {
	display: block;
}

.concurD.isConcur .concurT {
	display: block;
}

.concurD.isConcur .concurF {
	display: none;
}

.concurD img {
	width: 24px;
	height: 24px;
}

.concurNumber {
	height: 24px;
	position: relative;
	line-height: 24px;
}

.pci_titleName {
	line-height: 36px;
	position: relative;
	color: #000000;
	font-size: 16px;
	width: 100%;
}

.portfolioCard_info .title {
	width: 100%;
	height: 36px;
	border-radius: 0px 0px 0px 0px;
	position: relative;
	line-height: 36px;
}

.portfolioCard_info .info {
	width: 100%;
	height: 32px;
	border-radius: 0px 0px 0px 0px;
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}

.portfolioCard_info .pci_headImg {
	width: 24px;
	height: 24px;
	position: relative;
	object-fit: cover;
}

.portfolioCard_info .pci_personName {
	color: #434343;
	font-size: 14px;
	position: relative;
	margin-left: 4px;
}

.pci_personVerify {
	display: flex;
	flex-wrap: nowrap;
	position: relative;
	margin-left: 4px;
	align-items: center;
}

.pci_personVerify img {
	width: 18px;
	height: 18px;
	position: relative;
}