/* 移动优先 */
.indexnav{
    background-color: #f8d9dd; 
}
.homebg{
    position: absolute;
    width:100%;
    height:100%;
    background-color: #fff ;
    background-image:none!important;
    text-align:center;
    top:0;
    margin-top: 5px;
}

.thislabel{
    text-align:left;
    margin-top: 8px;
 }

.formbox{
    position: absolute;
    left:9%;
    width:82%;
    height:53%;
    top:55%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.form{
    padding:1px 30px 30px 30px;
    width:100%;
    height:100%;
    box-shadow: 0px 1px 11px 2px rgba(0, 0, 0, 0.2);
    background-image: url("../images/bg_block_sign.png") ;
}
.form .formtitle{
    margin-bottom: 10px;
    text-align: left;
}
.form-group {
    margin-bottom: 10px;
}
.reset{
    margin-top:10px;
    font-size: 16px;
    color:#0f3f69;
}
.thisbtn{
    text-align: right;
}

@media (min-width:768px){
    .form{
        padding:30px 30px 30px 30px;
    }
    .formbox{
        left:21%;
        width:58%;
        height:45%;
    }
    .form .formtitle {
        margin-bottom: 40px;
    }
    .form-group {
        margin-bottom:30px;
    }
    .reset{
        margin-top:30px;
    }
    .thisinput{
        padding-left: 1px;
     }
} 
@media (min-width:1280px){
    .form{
        padding:30px 29px 30px 29px;
    }
    .formbox{
        left:28%;
        width:44%;
        height:42%;
    }
    .reset {
        margin-top: 5px;
    }
}
@media (min-width:1400px){
    .form{
        padding:30px 28px 30px 28px;
    }
    .formbox{
        /* left:30%;
        width:40%;
        height:42%; */
        top:52%;
        left:50%;
        width:560px;
        height:375px;
        
        margin-left:-280px;
    }
    .reset {
        margin-top: 5px;
    }
}
/* 1366x768 */
@media (min-width:1280px) and (max-height:768px){
    .formbox {
        height: 323px;
        top:53%;
    }
}
/*iphoneX*/
@media (max-width:768px) and (min-height:730px){
    .form{
        padding:35px 30px 30px 30px;
    }
}
/* ipad pro */
@media (max-width:1024px) and (min-height:1366px) {
    .form{
        padding:75px 30px 30px 30px;
    }
    .formbox {
        height: 35%;
    }
}
/* 安卓手机输入 */
@media (max-width:768px) and (max-height:531px) {
    .formbox {
        height: 281px;
    }
}

