.main-container{
  .content-box{
    width: 100%;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 421px);
    background: url("../image/experience/img_exp_top_bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;

    .wrap-com{
      width: 1440px;
      padding: 80px 0;
      //background: url("../image/experience/img_exp_top_bg.jpg");
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      .box{
        width: 1092px;
        height: 603px;
        display: flex;
        //box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
        .left{
          width: 546px;
          height: 100%;
          border-radius: 6px 0 0 6px;
        }
        .right{
          width: 546px;
          height: 603px;
          background: #FFFFFF;
          border-radius: 0 6px 6px 0;
          display: flex;
          flex-direction: column;
          align-items: center;
          //justify-content: center;
          .label{
            font-weight: 500;
            font-size: 28px;
            color: #333333;
            line-height: 39px;
            letter-spacing: 2px;
            margin-top: 32px;
          }

          .form{
            .item{
              margin-top: 30px;
              position: relative;
              label{
                width: 75px;
                font-weight: 400;
                font-size: 16px;
                color: #333333;
                text-align: end;
                margin-right: 10px;
              }
              .required:before{
                content: "*";
                font-size: 16px;
                color: #FF4646;
              }
              .ipt{
                width: 388px;
                height: 42px;
                border-radius: 4px;
                border: 1px solid #DDDDDD;
                padding: 0 20px;
                font-weight: 400;
                font-size: 16px;
                color: #333333;
              }
              .ipt::placeholder{
                color: #DEDEDE;
              }
              .ipt:focus{
                outline: none; /* 去除默认的虚线边框 */
                border: 1px solid #04AB81;
              }
              .error{
                position: absolute;
                left: 90px;
                bottom: -20px;
                font-size: 14px;
                color: #FF4646;
              }
              .textarea{
                width: 388px;
                height: 148px;
                resize: none; /* 防止调整文本区域大小 */
                border-radius: 4px;
                border: 1px solid #DDDDDD;
                padding: 10px 20px 20px 20px;
                font-weight: 400;
                font-size: 16px;
                color: #333333;
                margin-left: 5px;
                line-height: 1.5;
              }
              .textarea::placeholder{
                color: #DEDEDE;
              }
              .textarea:focus{
                outline: none; /* 去除默认的虚线边框 */
                border: 1px solid #04AB81;
              }
              .limit{
                position: absolute;
                right: 6px;
                bottom: 6px;
                font-weight: 400;
                font-size: 14px;
                color: #DEDEDE;
              }
            }

            .btn-submit{
              width: 388px;
              height: 42px;
              background: #04AB81;
              border-radius: 4px;
              border: none;
              margin-top: 20px;
              font-weight: 500;
              font-size: 16px;
              color: #FFFFFF;
              margin-left: 90px;
            }

            .tips{
              width: 388px;
              font-weight: 400;
              font-size: 16px;
              color: #959595;
              margin-top: 10px;
              margin-left: 90px;
              text-align: center;
            }
            .tips:before{
              content: "*";
              font-size: 16px;
              color: #FF4646;
            }

          }

        }
      }
      .bot-img{
        width: 1104px;
        height: auto;
        margin-top: 80px;
      }
    }

  }
}


// 媒体查询
@media screen and (max-width: 768px) {
  #header,#footer{
    display: none;
  }
  #header-m{
    display: block;
  }
  #footer-m{
    display: block;
  }

  .main-container{
    .content-box{
      min-height: 0;
      height: 6.96rem;
      background: url('../imagem/experience/img_exp_bg.png');
      background-repeat: no-repeat;
      background-size: cover;
      justify-content: flex-start;
      .wrap-com {
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        padding: 0;

        .box {
          width: 3.35rem;
          height: 5.51rem;
          display: flex;
          margin-top: 0.2rem;
          .left{
            display: none;
          }
          .right {
            display: flex;
            flex-direction: column;
            align-items: center;

            width: 3.35rem;
            height: 5.51rem;
            background: #FFFFFF;
            border-radius: 0.08rem;

            .label {
              font-weight: 500;
              font-size: 0.16rem;
              color: #333333;
              line-height: 0.2rem;
              letter-spacing: 2px;
              margin-top: 0.2rem;
              margin-bottom: 0.1rem;
            }

            .form {
              display: flex;
              flex-direction: column;
              .item {
                margin-top: 0.1rem;
                position: relative;
                display: flex;
                flex-direction: column;
                label {
                  width: 100%;
                  font-weight: 400;
                  font-size: 0.14rem;
                  color: #333333;
                  text-align: start;
                  margin-right: 0;
                }
                .ipt {
                  width: 2.95rem;
                  height: 0.36rem;
                  border-radius: 0.04rem;
                  border: 0.01rem solid #DDDDDD;
                  padding: 0 0.14rem;
                  font-weight: 400;
                  font-size: 0.14rem;
                  color: #333333;
                  margin-top: 0.1rem;
                }

                .error {
                  position: absolute;
                  left: 0;
                  bottom: -0.16rem;
                  font-size: 0.12rem;
                  color: #FF4646;
                }

                .textarea {
                  width: 2.95rem;
                  height: 1.48rem;
                  resize: none;
                  border-radius: 0.04rem;
                  border: 0.01rem solid #DDDDDD;
                  padding: 0 0.14rem;
                  padding: 0.1rem 0.14rem 0.2rem 0.14rem;
                  font-size: 0.14rem;
                  color: #333333;
                  color: #333333;
                  line-height: 1.5;
                  margin-left: 0;
                  margin-top: 0.1rem;
                }

                .limit {
                  position: absolute;
                  right: 0.06rem;
                  bottom: 0.06rem;
                  font-weight: 400;
                  font-size: 0.12rem;
                  color: #DEDEDE;
                }

              }

              .btn-submit{
                width: 2.95rem;
                height: 0.42rem;
                background: #04AB81;
                border-radius: 0.04rem;

                border: none;
                margin-top: 0.2rem;
                font-weight: 500;
                font-size: 0.14rem;
                color: #FFFFFF;
                margin-left: 0;
              }
              .tips{
                display: none;
              }
            }
          }
        }
        .bot-img{
          display: none;
        }
      }
    }
  }
}

// 媒体查询
@media screen and (min-width: 769px) {
  #header,#footer{
    display: block;
  }
  #header-m,#footer-m{
    display: none;
  }
}