.cont{
    background-color: #e9e9e9;

}
label{
    margin-bottom: 0;
}
.query{
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    background-color: #fff;
    padding: 3.16vw 10vw 3.16vw 3.1vw;
}
.query-tit{
    font-weight: 600;
    color: #262461;
    line-height: 1.3;
    position: relative;
    margin-left: 3vw;
    letter-spacing: 4px;
    padding-left: 12px;
}
.inr_boc p{
        margin-top: 10px;
    color: red!important;
}
.query-tit::before{
    content: '';
    background-color: #dca749;
    height: 100%;
    position: absolute;
    left:0;
    top: 0;
    width: 4px;
}
.inner{
    display: flex;
}
.inner-lf{
  flex: 0 0 38%;
}
.inner-rg{
    flex:1;
    margin-left: 10%;
}
.inner-rg .inp-r button {
    font-weight: bold;
    letter-spacing: 6px;
    
}
.inp{
    display: flex;
    align-items: center;
}
.inp label{
    flex: 0 0 6em;
}
.inp1{
    margin-bottom: 3.125vw;
}
.inp-r{
    position: relative;
    flex: 1;
}
.inp-r .box{
    width: 100%;
   border-radius: 10px;
   border: 2px dashed #d9d9d9;
   text-align: center;
   padding-top: 3.72vw;
   padding-bottom: 3.88vw;
}
.inp-r .box img{
    width: 18%;
    object-fit: contain;
    margin-bottom: 2.44vw;
}
.inp-r p {
    color: #616266;
    line-height: 1.5;
}

.inp-r p span{
    color: #409eff;
}
.successfile{
    position: absolute;
    left:50%;
    bottom: 20px;
    transform: translateX(-50%);
    width: 90%;
    text-align: center;
    display: none;
    z-index: 5;
}
.successfile .clearfile{
    font-size: 24px;
    margin-left: 10px;
    cursor: pointer;
}
.file{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    opacity: 0;
}
.must{
    display: flex;
}
.must::before{
    content: '*';
    display: inline-block;
    color: red;
}
input{
    border: 1px solid #dcdfe6;
    border-radius: 5px;
    height: 50px;
    outline: none;
    background-color: #fff;
}
.inp2{
    margin-bottom: 2.8vw;
}
.yzm{
    width: 66%;
    padding-left: 10px;
}
.inp3 button{
  background-color:#004086;
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-weight: bold;
  color:#fff;
  outline: none;
  border:none;
  cursor: pointer;
}
.tpm{
    width: 30%;
    margin-left: 2%;
      height: 50px;
}




@media screen and (max-width: 1200px) { 
.inp3 button {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
}    
  input {
    
        height: 40px;
}   
.tpm {
    
        height: 40px;
}
  .inp-r .box {
       
           height: 300px;
   } 
    
    
}

@media screen and (max-width: 768px) {  
    .query {
        
            padding:15px;
    }
  .inner {
      
      flex-wrap: wrap;
  }  
  .inner-lf {
      
          flex: 0 0 100%;
  }
  .inner-rg {
         flex: 0 0 100%;
    margin-left: 0%;
      
  }
    .inp label {
        
            flex: 0 0 0em;
            display: none;
    }
    .inp-r .box {
            padding-top: 0;
    padding-bottom: 0;
            height: 200px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    }
    .inp1 {
        
            margin-bottom: 15px;
    }
    .inp2 {
        
           margin-bottom: 15px;
    }
    .inner-lf img {
        
       width: 50%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    }
}