*{
    margin:0px;
    padding: 0px;
}
.registry-bpm-box{
    position:relative;
    /* width:1200px; */
    display: flex;
    height:400px;
    height:auto;
}
.registry-bpm-left{
    position: relative;
    width:700px;
    height: 400px;
    /* background: url('../image/yuyue_bg.png') no-repeat; */
    background: url('../../alphaflowRegistry/img/yuyue_bg.png') no-repeat;
    background-size:cover;
    background-position: center;
    box-sizing: border-box;
}
.registry-bpm-left-item{
    position:absolute;
    width:350px;
    height:200px;
    text-align: center;
    box-sizing: border-box;
}
.registry-bpm-left-item p{
    margin: 70px 0px 20px;
    font-size:22px;
    font-weight: 700;
    color:#e60023;
}
.registry-bpm-left-item span{
    font-size:14px;
    color:#2a2c309c;
}
.registry-bpm-left-item:nth-of-type(2){
     top:0px;
     right:0px;
     border-right:1px solid #efefef;
}
.registry-bpm-left-item:nth-of-type(3){
    bottom:0px;
}
.registry-bpm-left-item:nth-of-type(4){
    bottom:0px;
    right:0px;
    border-right:1px solid #efefef;
}
.registry-bpm-right{
    position: relative;
    height: 400px;
    width:500px;
    box-sizing: border-box;
    border:1px solid #efefef;
    border-left-width:0px;
}
.registry-bpm-right-content{
    width:360px;
    min-height: 300px;
    margin:46px auto 0px;
}
.formRow{
    margin-top:20px;  
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.formRow input {
    background: transparent !important;
    border: 0;
    -webkit-appearance: none;
    font-size: 14px;
    padding: 10px 5px 12px 15px !important;
    caret-color: #595959;
    height: 40px;
    flex:1;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    color: #606266;
    box-sizing: border-box;
}
.formRow input::-webkit-input-placeholder { 
    color: #ccc; 
} 
.formRow input:-moz-placeholder { 
    color: #ccc; 
} 
.formRow input::-moz-placeholder { 
    color: #ccc; 
} 
.formRow input:-ms-input-placeholder { 
    color: #ccc; 
}
 .formRow input.error{
    border: 1px solid #e03a3a;
}
 .formRow .getCode{
      border:1px solid;
      border-radius: 4px;
      text-align: center;
      padding: 10px 15px;
      color:#1ba5fa;
      font-size:14px;
      margin-left:20px;  
}
.validtor{
    color:#e03a3a;
    font-size:18px;
    margin-right: 5px;
}
.tip{
    position: absolute;
    color:#e03a3a;  
    right:13px;
    font-size:11px;
    display: none;
 }
.formRow:nth-of-type(3) .tip{
    right:4px;
}
 .registryBpmBtn{
    height:40px;
    background: #e60023;
    color:#fff;
    text-align: center;
    line-height:40px;
    cursor: pointer;
    margin-top:36px;
    font-size:14px;
 }
 .registry-bpm-right-content>h2{
     font-size:24px;
     color:#2a2c30;
     margin:0px 0px 40px 15px ;
 }
 #errMessage{
     position: absolute;
     top:52px;
     left:50%;
     transform: translateX(-30%);
     font-size:16px;
     color:#e03a3a;  
     user-select: none;
     display: none;
 }
 .confirmBoxMask{
    position:fixed;
    left:0px;
    right:0px;
    top:0px;
    bottom:0px;
    z-index: 3002;
    background: rgba(0,0,0,.3);   
    display: none;
}
.confirmBox{
    position: absolute;
    z-index:3003;
    width:500px;
    background: #fff;
    color:#444;
    font-size:16px;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    box-shadow: 0 1px 3px rgb(0 0 0 / 30%);
    padding: 0px 20px;
    box-sizing: border-box;
}
.confirmTitle{
    height:50px;
    line-height: 50px;
}
.confirmTitle >p,
.confirmContent > p{
    margin:0px;
    font-weight:600;
    text-align:left;
}
.confirmContent{
    padding: 20px 0px;
}
.confirmContent > p{
    color:#606266;
    font-size:14px;
    font-weight: 500;
}
.confirmCaseBox{
    text-align:right;
    padding: 0px 0px 20px 0px;
}
.confirmCaseBox button{
   display: inline-block;
   line-height: 1;
   white-space: nowrap;
   cursor: pointer;
   background: #fff;
   border: 1px solid #dcdfe6;
   color: #606266;
   -webkit-appearance: none;
   text-align: center;
   box-sizing: border-box;
   outline: none;
   margin: 0;
   transition: .1s;
   font-weight: 500;
   -moz-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   padding: 8px 18px;
   font-size: 14px;
   border-radius: 4px;
}
.confirmCaseBox button.primaryBtn{
   color: #fff;
   background-color: #409eff;
   border-color: #409eff;
}
 @media screen and (min-width: 1090px) and (max-width: 1178px){
        .registry-bpm-box,
       .registry-bpm-left{
           width:100%;
       }
}