.join-box>div {
	padding: 4.375rem 6.25%;
	border-radius: 1.125rem;
}

.join-form {
	position: relative;
	margin-top: .875rem;
}

.join-form>label {
	position: relative;
	display: block;
	margin-top: 2.875rem;
	padding-left: 5.2rem;
}

.join-form>label:nth-child(odd) {
	float: left;
}

.join-form>label:nth-child(even) {
	float: right;
	text-align: right;
}

.join-form>label:nth-child(odd)>span {
	text-align: right;
}

.join-form .area label {
	display: inline-block;
}

.join-form .area select {
	display: inline-block;
	min-width: 5.25rem;
	height: 1.875rem;
	padding: 0 .75rem;
	border-radius: 4px;
	border-color: #e6e6e6;
	color: #988989;
	font-size: .875rem;
}

.join-form .area span {
	margin: 0 .3125rem;
	color: #666;
	font-size: .875rem;
}

.join-form .area input {
	width: 18.75rem;
	height: 30px;
	padding: 0 .75rem;
	font-size: .875rem;
	border-radius: 4px;
	border: solid 1px #e6e6e6;
}

.join-form>label>span {
	position: absolute;
	left: 0;
	top: 0;
	width: 5.2rem;
	padding-right: 1.125rem;
	line-height: 35px;
	color: #096c38;
}

.join-form>label>input {
	width: 30rem;
	height: 30px;
	line-height: 30px;
	font-size: .875rem;
	border-radius: 4px;
	border: solid 1px #e6e6e6;
	padding: 0 .75rem;
}

.join-form>label>input::-webkit-input-placeholder,
.join-form>label>input::-moz-placeholder,
.join-form>label>input::-ms-input-placeholder {
	font-size: .875rem;
	color: #a3a3a3;
}

.join-form .recruit-sex {
	height: 35px;
}

.join-box .join-form>label>span {
	width: 7.125rem;
}

.join-box .join-form>label {
	padding-left: 7.125rem;
}

.recruit-sex>div {
	width: 30rem;
	height: 35px;
	line-height: 35px;
	font-size: .875rem;
	text-align: left;
}

.recruit-sex>div>label {
	display: inline-block;
	line-height: 30px;
	margin-right: 2.5rem;
}

.join-form .recruit-sex>div input {
	position: absolute;
	top: 2px;
	width: 17px;
	height: 17px;
	margin-right: 6px;
	background-color: #eee;
	border-radius: 50%;
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
}
.join-form .recruit-address .area select{
	min-width: 60px;
	background: #eee;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
}
.join-form .recruit-address .area input{
	width: 10rem;
}

.join-form .sb-bg select{
	background: #eee;
	width: 30rem;
	height: 35px;
	border-radius: 0;
	border: solid 1px #e6e6e6;
}


.cb-item_classic-rnd {
	position: relative;
	top: 3px;
	display: inline-block;
	--cb_text-color: #333;
	--cb_bg-color: #fff;
	--cb_bg-color_checked: #05c096;
	--cb_bg-color_disabled: #eee;
	--cb_border-color: #aaa;
	margin-right: 2.5rem;
}

.cb-item_input {
	position: absolute;
	opacity: 0;
	z-index: -1;
}

.cb-item_classic-rnd .cb-item_label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.cb-item_classic-rnd .cb-item_label-content {
	padding-left: 8px;
	color: #333;
	color: var(--cb_text-color);
}

.cb-item_classic-rnd .cb-item_marker {
	position: relative;
	display: inline-block;
	/* Needs for IE10 */
	width: 18px;
	height: 18px;
	background-color: #eee;
	border-radius: 50%;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
}

.cb-item_classic-rnd .cb-item_marker::before {
	content: '';
	position: absolute;
	top: 9px;
	left: 4px;
	opacity: 0;
	display: block;
	width: 9px;
	height: 7px;
	background-color: transparent;
	border-bottom: 2px solid;
	border-left: 2px solid;
	border-color: #fff;
	border-color: var(--cb_bg-color);
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transform: translateY(-65%) rotate(-45deg);
	transform: translateY(-65%) rotate(-45deg);
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
}


/* Checkbox Classic Rounded :hover State */

.cb-item_classic-rnd:hover .cb-item_label .cb-item_marker {
	border-color: #333;
	border-color: var(--cb_text-color);
	-webkit-box-shadow: none;
	box-shadow: none;
}

.cb-item_classic-rnd:hover .cb-item_label .cb-item_marker::before {
	opacity: .25;
	border-color: #333;
	border-color: var(--cb_text-color);
}


/* Checkbox Classic Rounded :checked State */

.cb-item_classic-rnd .cb-item_input:checked+.cb-item_label .cb-item_marker {
	background-color: #05c096;
	background-color: var(--cb_bg-color_checked);
	border-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.cb-item_classic-rnd .cb-item_input:checked+.cb-item_label .cb-item_marker::before {
	opacity: 1;
}

.cb-item_classic-rnd .cb-item_input:checked:hover+.cb-item_label .cb-item_marker::before {
	border-color: #fff;
	border-color: var(--cb_bg-color);
}


/*join manual*/

.join-condition {
	margin: 5rem 0 2.5rem;
}

.join-condition>div {
	width: 47%;
	min-height: 18.75rem;
	padding: 2.5rem 8rem 2.5rem 6.25%;
	background-repeat: no-repeat;
	background-position: right 1.5rem top 42%;
	background-size: 5.625rem 5.625rem;
	border-radius: 10px;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}

.join-condition>div.fl {
	margin-right: 3%;
}

.join-condition>div.fr {
	margin-left: 3%;
}

.join-condition>div>ul {
	height: 11.25rem;
	padding-right: 0;
	position: relative;
	z-index: 1;
}

.join-condition>div>h3 {
	margin-bottom: 1rem;
	font-size: 1.625rem;
	color: #096c38;
	position: relative;
	z-index: 1;
}

.join-condition>div>ul>li *{
	line-height: 1.1;
	color: #333;
}


/*join-idea*/

.join-idea {
	padding: 2.625rem 1.875rem 1rem;
	border-radius: 10px;
}

.join-idea-info {
	display: inline-block;
	min-height: 5.625rem;
	padding-left: 7.25rem;
	background: url(../images/join-service.png) no-repeat left center;
	background-size: 5.625rem 5.625rem;
}

.join-idea-info>img {
	width: 5.625rem;
	height: 5.625rem;
}

.join-idea-info>div {
	margin-top: 2.125rem;
}

.join-idea-info>div * {
	float: left;
	font-size: 1.25rem;
	color: #096c38;
}

.join-idea-info>div ul>li {
	padding-left: 1.25rem;
}

.join-idea-flow {
	margin-top: 5rem;
	padding: 0 20px 1.625rem;
	overflow-y: hidden;
	overflow-x: auto;
	white-space: nowrap;
	min-width: 100%;
}

.join-idea-flow::-webkit-scrollbar {/*滚动条整体样式*/
    height: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
   background: #ddd;
   border-radius: 20px;
}
.join-idea-flow::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #096c38;
}

.join-idea-flow>li {
	display: inline-block;
	position: relative;
	padding: 4.75rem 0;
	margin: 0 10px;
	max-width: 200px;
	width: auto;
	vertical-align: top;
	box-sizing: border-box;
}

.join-idea-flow>li:first-child {
	margin-left: 0;
}

.join-idea-flow>li:last-child {
	margin-right: 0;
}

.join-idea-flow>li>p{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 120px;
	overflow: hidden;
}
.join-idea-flow>li>p>img{
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	border-radius: 8px;
}
.join-idea-flow>li>h4 {
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
}

.join-idea-flow>li:nth-child(odd)>h4 {
	bottom: 0;
}

.join-idea-flow>li:nth-child(even)>h4 {
	top: 0;
}

.join-idea-flow>li::before,
.join-idea-flow>li::after {
	content: "";
	position: absolute;
	left: 50%;
	background-color: #000;
}

.join-idea-flow>li::before {
	width: 1px;
	height: 1.875rem;
}

.join-idea-flow>li:nth-child(odd)::before {
	bottom: 3rem;
}

.join-idea-flow>li:nth-child(even)::before {
	top: 3rem;
}

.join-idea-flow>li::after {
	width: 8px;
	height: 8px;
	margin-left: -3.5px;
	border-radius: 50%;
}

.join-idea-flow>li:nth-child(odd)::after {
	bottom: 2.5rem;
}

.join-idea-flow>li:nth-child(even)::after {
	top: 2.5rem;
}

.job-recruit .join-form input,
.job-recruit .join-form textarea {
	background: #eee;
	border-radius: 0;
}

.job-recruit .join-form input {
	height: 35px;
}

.job-recruit>div {
	border: none;
	border-radius: 1.125rem;
}

.job-recruit .recruit-experience,
.job-recruit .recruit-education {
	width: 100% !important;
}

.job-recruit textarea {
	width: 100%;
	height: 9.6875rem;
	padding: .75rem;
}

.join-form>label.recruit-education>span {
	min-width: 5.9375rem;
	text-align: right;
}

.job-recruit .recruit-file>* {
	float: left;
}

.job-recruit .recruit-file>span {
	height: 1px;
}

.job-recruit .recruit-file .file-img {
	width: 20rem;
	height: 2.1875rem;
	line-height: 2.1875rem;
	padding: 0 10px;
	background: #eee;
}

.recruit-file .file-img>img {
	display: none;
}

.job-recruit .file-up>* {
	width: 9.1875rem;
	height: 2.1875rem;
	line-height: 2.1875rem;
	background-color: #eee;
	color: #096c38;
	cursor: pointer;
}
.job-recruit .file-up>span{
	text-align: center;
}

.job-recruit .file-up {
	position: relative;
	margin-left: 1.125rem;
}

.job-recruit .file-up>input[type="file"] {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}

.education-bg .select-list {
	right: 0;
	width: 85.2%;
}

.job-recruit .education-bg>i {
	position: absolute;
	top: 5px;
	right: 10px;
	font-size: 1.5rem;
	color: #6a6a6a;
}

@media only screen and (min-width: 767px) {
	.join-idea-flow>li:hover::before,
	.join-idea-flow>li:hover::after {
		background: #096c38;
	}
	.join-idea-flow>li:hover>h4 {
		color: #096c38;
	}
}
@media only screen and (max-width: 1600px) {
	.job-recruit{padding: 0 15px;}
}

@media only screen and (max-width: 1300px) {
	.join-form>label>input{width: 20rem;}
	.join-form .education-bg input{width: 30rem;}
	.join-idea-flow>li {
		max-width: 180px;
		margin: 0 8px;
	}
	.join-idea-flow>li>p{
		height: 110px;
	}
	.join-condition>div {
		padding: 2rem 6rem 2rem 4%;
	}
}

@media only screen and (max-width: 767px) {
	.join-form>label {
		display: block;
		width: 100%;
	}
	.join-form>label:nth-child(even) {
		text-align: left;
	}
	.join-form>label:nth-child(even)>span {
		text-align: right;
	}
	.join-form>label>input,.join-form .education-bg input,.join-form .sb-bg select {
		width: 100%;
	}
	.recruit-sex>div {
		width: 70%;
	}
	.job-recruit .recruit-file .file-img {
		width: 60%;
	}
	.job-recruit .file-up {
		width: 30%
	}
	.job-recruit .file-up>* {
		width: 100%;
	}
	.join-idea-info{
		padding-top: 6rem;
		padding-left: 0;
		background-position: top center;
	}
	.join-idea-flow {
		padding: 0 10px 1.625rem;
	}
	.join-idea-flow>li {
		max-width: 150px;
		padding: 2rem 0;
		margin: 0 6px;
	}
	.join-idea-flow>li:nth-child(odd) {
		margin-left: 0;
	}
	.join-idea-flow>li>p{
		height: 100px;
	}
	.join-idea-info>div{margin-top: 0;}
	.join-idea-info>div p{text-align: left;}
	.education-bg .select-list{width: 79.4%;}
	.join-form>label{margin-top: 1.2rem;}
	.join-idea-info>div>h3{margin-bottom: 10px;}
	.join-form .area,.join-form .area label,.join-form .recruit-address .area input{
		width: 100%;
	}
	.join-form .area label {margin-bottom: 12px;}
	.join-form .area label:last-child{margin-bottom: 0;}
	.join-form .recruit-address .area select {width: 50%;}
	.join-condition>div {
		width: 100%;
		margin-bottom: 1.5rem;
		padding: 2rem 6rem 2rem 6.25%;
		background-position: right 1rem top 20%;
	}
	.join-condition>div.fl {
		margin-right: 0;
	}
	.join-condition>div.fr {
		margin-left: 0;
	}
}