/* 最外层容器 */
.wrapper {
  width: 1420px;
  margin: 0 auto;
  padding-top: 10px;
}
.gf {
  font-size: 18px;
}
/* 合作报名 */
.inputWrapper {
  display: flex;
  justify-content: center;
}

.inputBox {
  width: 806px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.title1 {
  font-size: 40px;
  color: #2d2d2d;
  line-height: 40px;
}

.inputBox .textLabel {
  font-size: 18px;
  color: #909090;
}

.inputBox .textInput {
  width: 390px;
  line-height: 50px;
  box-sizing: border-box;
  padding: 0 20px;
  background-color: #f5f5f5;
  font-size: 18px;
  border: none;
  outline: none;
}

/* 现有资源概述 */
.inputBox .summary-box {
  position: relative;
}

/* 展示字数 */
.summary-box .show-limit {
  position: absolute;
  right: 10px;
  bottom: 5px;
  user-select: none;
  color: #999;
}

/* 提交按钮 */
.inputBox .submitBtn {
  width: 490px;
  line-height: 60px;
  background: #0084ff;
  color: #fff;
  text-align: center;
  font-size: 24px;
  user-select: none;
}

.inputBox .submitBtn:hover {
  cursor: pointer;
}

/* 邦客惠四大业务场景描述 */
.desc {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px 0;
  background-color: #f5f5f5;
}

.title2 {
  font-size: 28px;
  color: #0084ff;
  /* color: #2d2d2d; */
}

.desc .label {
  font-size: 18px;
  color: #2d2d2d;
  letter-spacing: 1px;
}

.desc .labelContent {
  color: #909090;
}

/* 资源优势 */
.bgZyys {
  background-image: url(../imgs/zyys-bg.png);
}

.desc2-wrapper {
  width: 1260px;
  height: 864px;
  background-color: #fff;
  box-sizing: border-box;
}

.desc2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 288px;
  height: 172px;
}

.desc2 .desc2-header {
  color: #2d2d2d;
  font-size: 24px;
}

.desc2 .desc2-content {
  color: #909090;
  font-size: 18px;
}

/* 市场优势 */
.scys-wrapper {
  width: 1420px;
  height: 736px;
  background-image: url("../imgs/scys-bg.png");
  box-sizing: border-box;
}

.desc3-wrapper {
  width: 1260px;
  height: 556px;
  box-sizing: border-box;
}

.desc3 {
  width: 618px;
  height: 256px;
  box-sizing: border-box;
  padding-top: 72px;
  position: relative;
  background-color: #fff;
}

.desc3 .desc3-header {
  position: absolute;
  top: -20px;
  left: 171px;
  width: 276px;
  height: 52px;
  line-height: 52px;
  background-color: #0084ff;
  color: #fff;
  text-align: center;
  font-size: 24px;
  z-index: 999;
}

.desc3 .desc3-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #909090;
  font-size: 18px;
}

.desc3-content .title3 {
  color: #2d2d2d;
  font-size: 24px;
}

.desc3-content .content {
  text-align: left;
}

/* 邦客惠介绍 */
.bkhjs-wrapper {
  height: 682px;
  width: 1420px;
  box-sizing: border-box;
}

.desc4-wrapper {
  width: 1420px;
  height: 608px;
  box-sizing: border-box;
}

.desc4-wrapper > img {
  width: 710px;
  height: 100%;
}

.desc4-content {
  width: 710px;
  height: 100%;
  box-sizing: border-box;
  padding: 64px 80px;
  background-color: #0084ff;
  color: #fff;
  font-size: 18px;
}

/* 合作好处 */
.hzhc-wrapper {
  width: 1420px;
  height: 548px;
  box-sizing: border-box;
  background-image: url("../imgs/hzhc-bg.png");
}

.hzhc-wrapper .title3 {
  color: #909090;
  font-size: 24px;
}

.desc5-wrapper {
  width: 984px;
  height: 100px;
  box-sizing: border-box;
}

.desc5-content {
  width: 480px;
  height: 100px;
  box-sizing: border-box;
  background-color: #fff;
  padding: 18px 0 18px 40px;
  font-size: 18px;
  color: #909090;
}

.desc5-content .title3 {
  color: #2d2d2d;
  font-size: 24px;
}

/* 部分收入预测 */
.bfsryc-wrapper {
  width: 1420px;
  height: 696px;
  box-sizing: border-box;
  background-image: url("../imgs/bfsryc-bg.png");
}

.desc6-wrapper {
  width: 1260px;
  height: 496px;
  box-sizing: border-box;
  background-color: #fff;
  border-top: 1px solid #d2d2d2;
  border-left: 1px solid #d2d2d2;
}

.desc6-header {
  width: 1260px;
  color: #2d2d2d;
  font-size: 24px;
}

.desc6-header .table-header {
  width: 210px;
  height: 100px;
  border-right: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
  box-sizing: border-box;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.desc6-content {
  width: 100%;
  color: #909090;
  font-size: 18px;
}

.desc2-content .table-content {
  width: 210px;
  height: 66px;
  box-sizing: border-box;
}

.desc6-content .table-cell {
  width: 210px;
  height: 66px;
  border-right: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
  box-sizing: border-box;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* 客服和二维码 */
.kf-wrapper {
  width: 1420px;
  height: 874px;
  padding: 80px 0;
  box-sizing: border-box;
  background-image: url("../imgs/kf-bg.png");
}

.desc7-wrapper {
  width: 1024px;
  height: 546px;
  box-sizing: border-box;
}

.desc7-box {
  color: #f79a01;
  font-size: 24px;
  width: 214px;
  height: 323px;
}

.desc7-box > img {
  width: 214px;
  height: 214px;
}

.desc7-phone {
  font-size: 48px;
  height: 88px;
  border-radius: 60px;
  background-color: #f79a01;
  color: #fff;
  padding: 0 80px;
}

/* 底部 */
.footer {
  min-width: 1420px;
  width: 100%;
  height: 170px;
  position: relative;
}

.footer > span {
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 12px;
  color: #999;
}

.footer > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 输入提示弹窗 */
#mask-alert {
  display: none;
  position: fixed;
  z-index: 99;
  top: 0;
  width: 100vw;
  height: 100vh;
  /* background-color: rgba(0, 0, 0, 0.3); */
}

.alert-dialog {
  position: fixed;
  z-index: 100;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 300px;
  border-radius: 5px;
  font-size: 18px;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.alert-header {
  width: 100%;
  user-select: none;
}

.alert-content {
  flex: 1;
  text-align: center;
  line-height: 40px;
  padding: 10px;
  font-size: 24px;
}

.alert-footer {
  width: 100%;
  text-align: center;
}

.alert-footer > #close-alert {
  cursor: pointer;
  color: red;
}