body{
  position: relative;
}

.icon-youjian,.icon-shouji,.icon-jurassic_user,.icon-gongsi{
  display: none;
}




  .okBoxs{
      /* display: block !important; */
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      overflow: hidden;
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background-color: #384fd7;
    }
  
    .okBoxs .icon-cuo{
          position: absolute;
          right: 30px;
          top: 30px;
          font-size: 20px;
          display: none;
    }

    .okBoxs .icon-cuowuguanbiquxiao-yuankuang{
          display: none;
          position: absolute;
          right: 30px;
          top: 30px;
          font-size: 30px;
          color: #fff;
  }
  
    .okBoxs .icon-check_bg_black{
      font-size: 86px;
      color: #fff;
    }
  
    .okBoxs .textOne{
      font-family: Arial-BoldMT;
      font-size: 30px;
      font-weight: bold;
      color: #fff;
      margin-top: 40px
    }
  
    .okBoxs .textTwo{
      font-family: ArialMT;
      font-size: 20px;
      color: #fff;
      margin-top: 10px;
      text-align: center;
    }
  
    .okBoxs .layui-btn{
      display: none;
      width: 350px;
      height: 55px;
      font-size: 20px;
      margin-top: 50px;
      background-color: var(--btnBgColor);
      margin-bottom: 100px;
      border-radius:10px ;
    }

    @media only screen and (max-width:1040px) {

      .popUp{
          width: 90vw;
      }
      .popUp .main .imgpro{
          display: none;
      }
  
      .popUp .main .content{
          width: 100%;
      }
    }


    @media only screen and (max-width:768px) {

      .popUp .main .content .productbox .imgpro{
          width: 70px;
          height: 70px;
      }

      .popUp .main .content .productbox .text p{
          font-size: 14px;
          width: 80%;
          margin-left: 10px;
      }

      .popUp .main .content .layui-form .phoneBox .code{
          display: inline-block;
          width: 16%;
          border: unset;
      }

      .popUp .main .content .layui-form .phoneBox{
          height: 40px;
      }
  
      .popUp2 .main .content .layui-form .phoneBox .code{
          display: inline-block;
          width: 16%;
          border: unset;
      }

      .popUp .main .content .formbox .layui-textarea{
          border-radius: 5px;
      }

      .popUp .main .content .layui-form .phoneBox{
          border-radius: 5px;
      }

      .popUp .main .content .formbox .layui-input{
          border-radius: 5px;
      }

      .popUp .main .content .formbox .layui-btn{
          border-radius: 5px;
      }


  
      .popUp .main .content .title{
          font-size: 16px;
          height: 60px;
          line-height: 60px;
          padding-left: 20px;
      }
  
      .popUp .main .content .icon-cuo{
          right: 10px;
          top: 10px;
      }

      .popUp .main .content .icon-cuowuguanbiquxiao-yuankuang{
          right: 10px;
          top: 20px;
          font-size: 20px;
      }

      .popUp .main .content .title::before {
          left: 20px;
          border: 10px solid transparent;
          border-bottom: 10px solid #fff;
      }

      .popUp .main .content .productbox{
          padding: 10px 16px 0;
      }
  
    
  
      .popUp .main .content .text{
          margin-top: 0;
          line-height: 1.6;
      }
  
      .popUp .main .content .formbox{
          margin-top: 10px;
      }
  
      .popUp .main .content .formbox .layui-input{
          height: 40px;
      }
  
      .popUp .main .content .formbox .layui-btn{
          height: 40px;
          margin-top: 10px;
          font-size: 18px;

      }

      .popUp .main .content .productbox .text{
          width: 70%;
          margin-left: 0;
      }


      .popUp .main .content .layui-form{
          padding: 10px 16px;
      }

      .popUp .main .content .formbox .icon-yiwen2-copy{
          top: -50px;
      }

      .popUp .main .content .formbox .prompt{
          top: -70px;
          width: 250px;
      }
  
  
      .okBoxs{
          width: 100%;
      }
  
      .okBoxs .icon-cuo{
          display: none;
          right: 10px;
          top: 10px;
      }

      .okBoxs .icon-cuowuguanbiquxiao-yuankuang{
          right: 10px;
          top: 10px;
          font-size: 20px;
      }
  
      .okBoxs .icon-check_bg_black{
          margin-top: 50px;
          font-size: 50px;
      }
  
      .okBoxs .textOne{
          font-size: 18px;
      margin-top: 20px;
      }
  
      .okBoxs .textTwo{
          font-size: 14px;
      }
  
      .okBoxs .layui-btn{
          font-size: 18px;
          width: 70%;
          height: 40px;
          margin-top: 25px;
          margin-bottom: 50px;
          border-radius: 5px;
      }
  
  
  
    }