body{
    background: #4cad46;
    overflow: hidden;
}
.register{
    max-width: 500px;height: auto;
    background: #fff;
    box-shadow: 0 0 6px #e9efe8;
    margin: 10% auto 0 auto;
}
.register_txt{
    font-size: 18px;color: #5f5f5f;
    text-align: center;
    margin: 0;
    padding: 15px 0;
}
.register .register_box{
    width: 90%;margin: 0 auto;
    padding-bottom: 26px;
}
.register .register_box>div{
    width: 100%;
    height: 35px;  background: #f7f7f7;
    margin-bottom: 30px;
    border: 1px solid #cccccc;
    padding: 6px;line-height: 35px;
    border-radius: 3px;
    position: relative;
}
.register .register_box>div input{
    float: right;border: none;
    border-radius: 3px;
    width: 80%;height: 100%;
    background: #f7f7f7;
    outline: none;box-sizing: border-box;
    padding: 0 12px;
    border-left: 1px solid #cccccc;
}
.register .register_box>div span{
    display: inline-block;
    float: left;
}
.user_span{
    width: 31px;height: 22px;
    background-position: 0 -58px;
    position: absolute;
    top: 50%;margin-top: -11px;
    left: 6%;
}
.pass_span{
    position: absolute;
    top: 50%;margin-top: -16px;
    left: 8%;
    width: 19px;height: 32px;
    background-position: -32px -58px;
}
.register .register_box .zw{
    background: none;border: none;
    height: auto;
    position: relative;
    top: -20px;
}
.zhc{
    float: left;cursor: pointer;
}
.wjm{
    float: right!important;
    cursor: pointer;
}
.dlu{
    background: #4cad46!important;
    border-radius: 3px;padding: 0!important;
    font-size: 18px;cursor: pointer;
    text-align: center;
    color: #fff;
    margin-bottom: 12px!important;
}
.hez{
    text-align: center;
    line-height: 18px;
    font-size: 14px;color: #8c8e8c;
}
.hez span{
    display: inline-block;
    height: 1px;width: 20%;
    background: #cccccc;
    margin: 0 12px;
    position: relative;
    top: -4px;
}
.hez_box{
    text-align: center;
    padding-top: 20px;
}
.hez_box span{
    display: inline-block;
    width: 30px;height: 30px;
    float: none; margin: 0 14px;
    cursor: pointer;
}
.weixin{
    background-position: -52px -57px;
}
.qq{
    background-position: -83px -57px;
}
.weibo{
    background-position: -114px -57px;
}

/*小屏幕（平板，大于等于768px）*/
@media (min-width:768px) {
    .register_txt{
        font-size: 24px;
    }
    .register .register_box>div{
        height: 42px;line-height: 42px;
    }
    .dlu{
        font-size: 22px;
    }

}
/*中等屏幕（桌面显示器，大于等于992px）*/
@media (min-width:992px) {
    .register_txt{
        font-size: 30px;
    }
    .register .register_box>div{
        height: 50px;line-height: 50px;
    }
    .dlu{
        font-size: 26px;
    }
}