/* 线下合作样式 */
.offline-cooperation {
  width: 100%;
  height: auto;
  padding-top: 0px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  position: relative;
  flex-direction: column;
  color: #717171;
}

.classify-content {
	width: 40%;
  height: auto;
  margin: 0 auto;
	padding-bottom: 18px;
  font-size: 20px;
	font-weight: 550;
	border-bottom: 1px solid #ccc;
  color: #BDBDBD;
  display: flex;
	justify-content: center;
}

.classify-content_element {
	cursor: pointer;
	position: relative;
}

.classify-content_element:nth-child(2) {
	width: auto;
	margin: 0 20px;
    box-sizing: border-box;
    text-align: center;
}

.classify-content_element:nth-child(3) {
    width: auto;
    margin-right: 20px;
    box-sizing: border-box;
    text-align: center;
}

.classify-content_element:nth-child(2):before,
.classify-content_element:nth-child(2):after,
.classify-content_element:nth-child(3):after {
	content: '';
	width: 1px;
	height: 60%;
	background-color: #ccc;
	display: inline-block;
}

.classify-content_element:nth-child(2):before {
	margin-right: 10px;
}

.classify-content_element:nth-child(2):after,
.classify-content_element:nth-child(3):after {
	margin-left: 10px;
}

.tabs-active {
	color: #0F9AEB;
}
/* 三角标 */
.tabs-active_icon {
	bottom: -87%;
  width: 15px;
  height: 15px;
  left: 39%;
	transform: translateX(0px) rotate(45deg);
  border: 1px solid #ccc;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  cursor: auto;
  background-color: #fff;
  position: absolute;
	transition: transform 1s ease-in-out;
}

.classify-content_element:last-child {
	margin-bottom: 0;
}

.classify-element_letter {
	transition: color 1s ease-in-out;
}

.classify-element_span img {
	width: 11px;
	height: 15px;
	transform: rotate(180deg);
}

.offline-cooperation_overflow {
	width: 100%;
  height: 100%;
  min-height: 600px;
  padding: 5% 0;
	background-color: rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
	display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
	gap: 20px;
	overflow-y: auto;
}

.offline-tip {
	width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.offline-cooperation_content {
	width: 48%;
	height: auto;
	margin: 0 auto;
}
.cooperation-content_title {
	text-align: center;
	font-size: 46px;
	color: #0F9AEB;
}
.cooperation-content_titleson {
	margin: 0;
	font-size: 16px;
	font-weight: 300;
	color: #B0B0B0;
	line-height: 30px;
	text-align: center;
}
#cooperation-brand_promotion .cooperation-content_titleson {
  text-align: center;
}
.cooperation-content_remark {
	margin: 14px 0 0;
	padding: 0 0 14px;
	font-size: 20px;
	font-weight: bold;
	height: 37px;
	border-bottom: 1px solid #EBEBEB;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}
.cooperation-content_remark::before {
	width: 4px;
	height: 100%;
	display: inline-block;
	margin-right: 14px;
	content: '';
	background-color: #0F9AEB;
}
.cooperation-content_tips {
	font-size: 14px;
	font-weight: 500;
}
.cooperation-form {
	margin: 24px 0;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 30px;
}
.cooperation-form_element {
	display: flex;
	justify-content: end;
	gap: 12px;
}
.cooperation-element_block {
    flex: 1;
}
.cooperation-element_block select,
.cooperation-element_block input[type="text"] {
	border: 1px solid #BDBDBD;
	border-radius: 3px;
	padding: 8px;
}
.cooperation-element_block input::placeholder {
  	color: #BDBDBD;
}
.cooperation-element_block input {
  	width: 100%;
}

.cooperation-element_block select {
	width: 100%;
	height: 36px;
	padding: 0;
}

#cooperation-under_line .cooperation-element_block__01 input[type="text"],
#cooperation-provider .cooperation-content_company .cooperation-element_block__02 input[type="text"] {
  	width: 48%;
}
.cooperation-element_block__01 input[type="text"] {
  width: 100%;
}
.cooperation-element_block::before,
.cooperation-element_block::after {
	font-size: 16px;
	color: #717171;
	display: block;
}
.cooperation-element_block::after {
	font-size: 14px;
	color: #0F9AEB;
}
.cooperation-element_block__01::before,
#cooperation-provider .cooperation-content_company .cooperation-element_block__02::before {
  	content: '申请合作城市*';
}
.cooperation-element_block__02::before {
  	content: '联系人*';
}
.cooperation-element_block__03::before {
  	content: '营业执照名称*';
}
.cooperation-element_block__04::before {
  	content: '联系电话*';
}
#cooperation-brand_promotion .cooperation-element_block__01::before,
#cooperation-provider .cooperation-element_block__01::before,
#cooperation-other .cooperation-element_block__01::before {
  content: '联系人*';
}

#cooperation-provider .cooperation-element_block__02::before,
#cooperation-brand_promotion .cooperation-element_block__02::before,
#cooperation-other .cooperation-element_block__02::before {
  content: '联系电话*';
}

#cooperation-brand_promotion .cooperation-element_block__03::before,
#cooperation-provider .cooperation-content_company .cooperation-element_block__01::before,
#cooperation-other .cooperation-element_block__03::before {
  content: '公司名称*';
}

#cooperation-brand_promotion .cooperation-element_block__04::before,
#cooperation-other .cooperation-element_block__04::before {
  content: '营业执照名称*';
}

#cooperation-provider .cooperation-element_block__server::before {
  content: '服务类目';
}

#cooperation-provider .cooperation-element_block__06::before {
  content: '主要产线/设备情况*';
}

#cooperation-provider .cooperation-element_block__07::before {
  content: '重要证件';
}

.cooperation-form_element {
  	margin: 0 0 30px;
}

.file-show_content {
  font-size: 16px;
  color: #f00;
}

.cooperation-content_button {
	width: 222px;
	height: 42px;
	margin: 60px auto 0;
	background: #0F9AEB;
	opacity: 0.7;
	border-radius: 3px;
  line-height: 42px;
	border: none;
	outline: none;
	font-size: 20px;
	font-weight: 500;
	color: #FFFFFF;
	display: block;
  position: relative;
  text-align: center;
  cursor: pointer;
}

#cooperation-provider .cooperation-content_button {
	margin: 20px auto 0;
}

.cooperation-content_button:hover {
  opacity: 1;
}

.upload-file_importanceDocuments {
  width: 167px;
  height: 36px;
  gap: 10px;
  border: 1px solid #0F9AEB;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: rgba(15, 154, 235, 0.2);
  color: #0F9AEB;
  cursor: pointer;
}

.cooperation-element_block__07 {
  position: relative;
}

.upload-file {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.image-type_limit {
  width: 167px;
  height: 39px;
  line-height: 39px;
  top: 25px;
  left: 176px;
  font-size: 14px;
  font-family: Source Han Sans CN;
  font-weight: 300;
  color: #717171;
  position: absolute;
  display: inline-block;
}

.offline-cooperation_bottom {
	width: 100%;
  color: #fff;
  display: flex;
  height: 5vh;
  font-size: 13px;
  align-items: center;
  justify-content: center;
	gap: 42px;
}

.cooperation-type_content {
	width: 100%;
  height: 42px;
  display: flex;
  border-radius: 1px;
  overflow: hidden;
	font-size: 18px;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #BDBDBD;
}
.cooperation-type_outer {
	flex-direction: column;
}
.cooperation-type_outer::before {
	font-size: 16px;
    color: #717171;
    display: block;
	content: '合作形式*';
}

.cooperation-type_element {
    background-color: #fff;
    flex: 1;
    text-align: center;
    padding: 12px 0;
    box-sizing: border-box;
    line-height: normal;
    margin: 0;
	cursor: pointer;
	position: relative;
}

.cooperation-type_element input[type="checkbox"] {
	opacity: 0;
	position: absolute;
}

.type-element_span {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	position: absolute;
	display: flex;
  justify-content: center;
  align-items: center;
	border: 1px solid #D1D1D1;
}

.cooperation-type_element input[type="checkbox"]:checked + .type-element_span {
	background: rgba(15, 154, 235, 0.2);
	border: 1px solid #0F9AEB;
	border-radius: 3px 0px 0px 3px;
	color: #0F9AEB;
}

/* 提示弹窗样式 */
.offline-cooperation_tip {
	width: 829px;
  height: 539px;
  background: url('/wp-content/themes/fandow/assets-pc/images/ppzsy/into-page-tips.png') no-repeat 100%;
  font-family: Source Han Sans CN;
  padding: 0 40px;
  display: flex;
  font-weight: bold;
  color: #FFFFFF;
  flex-direction: column;
  justify-content: center;
}

.cooperation-tip_header {
	margin-bottom: 52px;
	font-size: 36px;
}

.tip-header_letter {
  font-weight: 400;
}

.cooperation-tip_premise {
	font-size: 20px;
}

.cooperation-tip_body {
	list-style: auto;
    line-height: 33px;
    padding: 20px 18px 0;
}

.tip-body_tel,
.cooperation-tip_body li {
  font-weight: 400;
}

.tip-body_email {
  font-size: 21px;
  font-weight: 500;
}

.cooperation-next_step {
	text-align: right;
}

.cooperation-next_step .second-computed_button {
    outline: none;
    border: none;
    padding: 10px 48px;
    border-radius: 3px;
    border: 1px solid #FFFFFF;
    background-color: transparent;
    color: #fff;
    font-size: 19px;
    font-weight: lighter;
    font-family: SourceHanSansCN-Normal;
}

.form-field_tip {
  left: 0;
  bottom: -28px;
  color: #0F9AEB;
  position: absolute;
  font-weight: 300;
  font-size: 14px;
}

textarea#cooperationNeed {
    width: 100%;
    height: 100px;
    resize: none;
    border: 1px solid #BDBDBD;
    border-radius: 3px;
    padding: 8px;
}
textarea#cooperationNeed:focus-visible {
    outline: none;
}