html{
    padding: 0;
    margin: 0;
    height: 100%;
}
body{
    padding: 0;
    margin: 0;
    height: 100%;
}
ul li{list-style: none}

.mianbody {
    background: url("../images/dl.jpg") no-repeat;
    background-size: cover;
    height: 100%;
}
.con{
    display:flex;
}
.con-title{
    font-size: 30px;
    color: white;
    text-align: center;
}
.con-titles{
    justify-content:center;
}
.con-titles input{
    width: 100%;
    min-height: 50px;
    margin-top: 20px;
}
.con-from{position: relative}
.code{
    position: absolute;
    bottom: 5px;
    right: 1%;


}
.dl_name{background: url("../pictures/dlren.png") no-repeat center left 13px;padding-left: 55px;}
.reg_name{background: url("../pictures/reg_name.png") no-repeat center left 13px;padding-left: 55px;}
.dl_pass{background: url("../pictures/dl_pass.png") no-repeat center left 15px;padding-left: 55px;}
.dl_code{background: url("../pictures/dl_code.png") no-repeat center left 14px;padding-left: 55px;}
.reg_company{background: url("../pictures/reg_company.png") no-repeat center left 15px;padding-left: 55px;}
.reg_phone{background: url("../pictures/reg_phone.png")no-repeat center left 15px;padding-left: 55px;}
.reg_men{background: url("../pictures/reg_name.png") no-repeat center left 13px;padding-left: 55px;}