html{font-size: 100%;}
body{
    font-size:30%;
    margin:0;
    padding:0;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    background-color: #F6F6F6;
    background-size:cover;
}
a{
    text-decoration:none;
    color: #8A8A8A;
}
#bg{
    position: fixed;
    z-index:1;
    left:0;
    right:0;
    top:0;
    width:6.4rem;
    height:100%;
    margin:0;
    padding:0;
    margin-left:auto; 
    margin-right:auto;
    background: -webkit-linear-gradient(180deg, #523C1D, #D26900);
    background: -o-linear-gradient(180deg, #523C1D, #D26900);
    background: -moz-linear-gradient(180deg, #523C1D, #D26900);
    background: linear-gradient(180deg, #523C1D, #D26900);
    background: url("../images/login.jpg") no-repeat center;
    background-size:100% 100%;
    opacity:1;

}
#bgs{
    position: fixed;
    z-index:2;
    left:0;
    right:0;
    top:0;
    width:6.4rem;
    height:100%;
    margin:0;
    padding:0;
    margin-left:auto; 
    margin-right:auto;
    background: -webkit-linear-gradient(180deg, #AAE3FF, #004A6F);
    background: -o-linear-gradient(180deg, #AAE3FF, #004A6F);
    background: -moz-linear-gradient(180deg, #AAE3FF, #004A6F);
    background: linear-gradient(180deg, #48A4FF, #412872);
    background-size:100% 100%;
    opacity: 0.85;

}
.login_title{
    margin-top:-1.1rem;
    position: absolute;
    width:6rem;
    height:1rem;
    line-height:1rem;
    text-align:center;
    font-size:0.45rem;
    color: #FFF;
}

.login_main{

    width:6rem;
    height:4.2rem;
    position: fixed;
    z-index:3;
    left:50%;
    top:50%;
    margin-top:-2.1rem;
    margin-left:-3rem;
    background: none;
    border-radius:10px;
}

.input{
    margin-top:0.3rem;
    margin-left:auto;
    margin-right:auto;
    width:5rem;
    height:1rem;
    line-height:1rem;
    border-radius:0.5rem;
    border:1px solid #FFF;
}
.radio{
    margin-top:0.3rem;
    margin-left:auto;
    margin-right:auto;
    width:5rem;
    height:1rem;
    line-height:1rem;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:center;
    justify-content:center;
    flex-wrap:nowrap;
    -webkit-flex-wrap: nowrap;
}
.radio .L,.radio .R{
    width:2.5rem;
    height:0.5rem;
    text-align:center;
    color: #E8F3FF;
    font-size:0.24rem;
}

.go{
    margin-top:0.3rem;
    margin-left:auto;
    margin-right:auto;
    width:5rem;
    height:1rem;
    line-height:1rem;
    border-radius:0.5rem;
    border-radius:5px;
}
.input .userico{
    float:left;
    height:1rem;
    width:1rem;
    background: url("../images/user.png") no-repeat;
    background-size:100% 100%;
}
.input .passico{
    float:left;
    height:1rem;
    width:1rem;
    background: url("../images/pass.png") no-repeat;
    background-size:100% 100%;
}

.input .text{
    float:left;
    height:1rem;
    width:4rem;
}
.input .input_text{
    margin-top:0.1rem;
    float:left;
    width:3.5rem;
    height:0.8rem;
    line-height:0.8rem;
    border:0;
    background:none;
    color:#FFF;
    font-size:0.3rem;
    text-align:center;
    outline: none;
}
.go .login{
    float:left;
    width:4.95rem;
    height:0.9rem;
    line-height:0.9rem;
    text-align:center;
    background: #0062C4;
    background: -webkit-linear-gradient(180deg, #AAE3FF, #004A6F);
    background: -o-linear-gradient(180deg, #AAE3FF, #004A6F);
    background: -moz-linear-gradient(180deg, #AAE3FF, #004A6F);
    background: linear-gradient(180deg, #51A8FF, #0079F2);
    color:#FFF;
    font-size:0.3rem;
    border-radius:0.45rem;
}

input::-webkit-input-placeholder{
    color: #FFF;
}
:-moz-placeholder {
    color: #FFF;
}
::-moz-placeholder {
    color: #FFF;
}
input:-ms-input-placeholder {
    color: #FFF;
}
input::-ms-input-placeholder {
    color: #FFF;
}
#dlalert{
    display: none;
    z-index:100;
    width:6.4rem;
    height:0.6rem;
    line-height:0.6rem;
    position: fixed;
    left:50%;
    bottom:0;
    margin-left:-3.2rem;
    background: #FF3E3E;
    font-size:0.24rem;
    color:#FFFFFF;
}