*{
    padding:0;
    margin:0;
}
html,body{
    width:100%;
    height:100%;
   font-size: 16px !important;
}
button{
    outline: none;
}
.bigbox{
    position: relative;
    height:100%;
    background-image: url(./../images/wxpic.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #c4f6ff;
}
.width{
    width:27%;
    height:100%;
    margin:0 auto;
}
.center{
    width: 90%;
    height:45%;
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    margin:auto;
}
.center_top_box{
    background-color: #fff;
    border-radius: 0.625rem;
    padding:0.9375rem 0;
}
.login_wrap{
    width:85%;
    margin:0 auto;
}
.login_wrap .webpor{
    border-radius: 1.875rem;
    margin-top:0.625rem;
    height:3rem;
    display: flex;
    align-items: center;
    overflow: none;
    background-color: #eee;
}
.login_wrap .por{
    position: relative;
    margin-top:1rem;
    padding:0 0.3rem;
    box-sizing: border-box;
}
.login_wrap .por .spanbg{
    position: absolute;
    left:0.625rem;
    display: inline-block;
    padding:0.7rem;
    box-sizing: border-box;
    width:1.4rem;
    height:1.4rem;
    background-size: 100%;
}
.login_wrap .por .spanbg1{
    background-image: url(./../images/编辑姓名_edit-name.png);
}
.login_wrap .por .spanbg2{
    background-image: url(./../images/设备_devices.png);
}
.login_wrap .por .spanbg3{
    background-image: url(./../images/指纹_fingerprint.png);
}
.login_wrap .por .spanbg4{
    background-image: url(./../images/文档搜索_doc-search-two.png);
}
.login_wrap input,.login_wrap select{
    border:none;
    outline: none;
    font-size: 0.875rem;
    margin-left:3.125rem;
    width:90%;
    box-sizing: border-box;
    background-color: #eee;
    padding:0.3125rem 0.3125rem 0.3125rem 0;
}
.login_wrap .code{
    width:75%;
}
.login_wrap .send{
    padding:0;
    width:20%;
}
.nc-container #nc_1_wrapper, .nc-container.tb-login #nc_1_wrapper{
    width:100% !important;
}
.login_wrap .submit{
    width:100%;
    height:3.125rem;
    line-height: 3.125rem;
    background-color: #f20c0c;
    border-radius: 1.875rem;
    margin-top:0.9375rem;
    color:#fff;
    text-align: center;
    font-size: 1.125rem;
}
.center_bottom{
    margin-top:1.25rem;
    width:100%;
    display: flex;
    font-size: 1rem;
    color:#fff;
}
.center_bottom_l{
    width:63%;
    font-size: 0.875rem;
    display: flex;
    align-content: space-between;
    flex-wrap: wrap;
}
.center_bottom_l p{width:100%;}
.center_bottom_r{
    width:37%;
    font-size: 0.75rem;
    text-align: center;
}
.center_bottom .ewm_box{
    width:90%;
}
.center_bottom .ewm_box img{
    width:100%;
}
@media screen and (min-width:920px) and (max-width: 1280px){
    .width{
        width:40%;
        height:100%;
        margin:0 auto;
    }
}
@media screen and (min-width:620px) and (max-width: 920px){
    .width{
        width:60%;
        height:100%;
        margin:0 auto;
    }
}
@media screen and (min-width:480px) and (max-width: 620px){
    .width{
        width:70%;
        height:100%;
        margin:0 auto;
    }
}
@media screen and (max-width: 480px){
    .width{
        width:100%;
        height:100%;
        margin:0 auto;
    }
}