.img-box {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .4s ease;
}
.sign{
    overflow: hidden;
    width:100%;
    height:100%;

}


.sign .dfl{
    width:54%;
    height:100%;
    position: fixed;
    top: 0;
    left:0;
}


.sign .dfr{
    width:46%;
    height:100%;
    padding:5% 5% 0;
}
.sign .dfr .swit-top{
    margin:0 0 10%;
}
.sign .dfr .swit-top a{
    color: #333333;
    font-size:24px;
transition: all .4s ease;

    display: inline-block;

}
.sign .dfr .swit-top a:first-of-type{
    margin:0  15% 0 0;
}
.sign .dfr .swit-top a.ac,
.sign .dfr .swit-top a:hover{
    color: #46bae7;
    font-size:36px;
    border-bottom:4px solid #46bae7;
}

.sign .dfr .form1  .dlist{
    margin:0 0 8%;
    font-size:18px;
}
.sign .dfr .form1  .dlist .dn1{
    color: #333333;

    margin:0 0 10px;
}

.sign .dfr .form1  .dlist .inp1{
    width:100%;
    border:none;
    border-bottom:1px solid #E0E0E0;
    font-size:14px;
    padding:0 0 5px;
}
.sign .dfr .form1  .dlist .inp1:focus{
    border-bottom:1px solid #83CDED;
}

.sign .dfr .form1  .dlist  .dn3{
    color: #333333;
}
.sign .dfr .form1  .dlist .inp-ch{
    width:22px;
}
.sign .dfr .form1  .dlist .inp-su{
    width:100%;
    height:48px;
    line-height:48px;
    color: #ffffff;
    background: #49BAE7;
    border-radius: 5px;
    outline: none;
    border:none;
    cursor: pointer; font-size:18px;

}


/*@media screen  and (max-height: 780px) {*/
    /*.sign .dfr .swit-top {*/
        /*margin: 0 0 7%;*/
    /*}*/
    /*.sign .dfr .form1 .dlist {*/
        /*margin: 0 0 6%;*/
    /*}*/

    /*.sign .dfr {*/

        /*padding: 3% 5% 0;*/
    /*}*/

/*}*/
/*@media screen  and (max-height: 680px) {*/
    /*.sign .dfr .form1 .dlist .dn1 {*/
        /*margin: 0;*/
    /*}*/
    /*.sign .dfr .form1 .dlist {*/
        /*margin: 0 0 4%;*/
    /*}*/
/*}*/