/*字体引进*/
html,body{
    height:100%;
    width: 100%;
    min-width: 1440px;
    background: url(../images/loginbg.png) !important;
/*,linear-gradient(0deg, #2C4E8F, #2C4E8F), #121A49;*/
    background-repeat: repeat;
    /*background-attachment: fixed;*/
    font-family: YouSheBiaoTiHei;
    margin: 0rem;
}

.loginpd{
    position: absolute;
    width:calc(100% - .96rem);
    min-width: 1024px; /*添加最小的宽度*/
    height: calc(100% - .96rem);
    margin-top: .48rem;
    margin-left: .48rem;
}
.imgdiv{
    position: relative;
    float: left;
    /*width: 50%;*/
    /*height: 50%;*/
    margin-left: .15rem;
    height: 8.51rem;
    width: 8.51rem;
    overflow: hidden;
}
.loginpd img{
    width: 100%;
    height: 100%;
}

@-webkit-keyframes rotation {

    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }

}
@keyframes rotate {
    from {
        -ms-transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
    }
}
/*兼容不同版本浏览器*/
/*3s 为转速 值越小 速度越快*/
.imgtrans {

    -webkit-transform: rotate(360deg);

    animation: rotation 7s linear infinite;

    -moz-animation: rotation 7s linear infinite;

    -webkit-animation: rotation 7s linear infinite;

    -o-animation: rotation 7s linear infinite;

    -ms-animation: rotate 7s linear infinite;//ie浏览器

}

.loginBorder{
    position: relative;
    float: left;

    min-width: 3.80rem;
    min-height: 5.20rem;
    margin-left: 10%;
    margin-top: 10%;

    border: 3px solid #FFFFFF;
    box-sizing: border-box;
    box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.25);
    border-radius: 10px;
}
.logincontent{
    min-width: 3.20rem;
    min-height: 4.58rem;

    margin-left: .30rem;
    margin-top: .40rem;

    width: calc(100% - .60rem);
    height: calc(100% - .40rem);
    text-align: center;
}
.logincontent button{
    width: 3.20rem;
    height: .50rem;

    background: #FF7878;
    border-radius: 10px;
    margin: .50rem 0rem;
    font-size: .20rem;
    font-weight: bold;
}
/*登录输入框的样式 start*/
.box {
    width: 3.20rem;
    position: relative;
    display: flex;
    height: .50rem;
    line-height: .50rem;

    margin: .30rem 0;
}
.box .layui-input{
    width: 3.20rem;
    height: .50rem;

    border: 3px solid #FFFFFF;
    box-sizing: border-box;
    box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.25);
    border-radius: 10px;

    margin-left: -.30rem;
    padding-left: .30rem;
}
.box i{
    color: #ffffff;
    width: .30rem;
    height: .30rem;
}
/*登录输入框的样式 end*/
.logincontentBottom{
    position: absolute;
    bottom: .20rem;

    width: calc(100% - .60rem);
    margin-left: .30rem;

    font-weight: bolder !important;
    color: #fff;
}

.logincontentBottom span:last-child{
    float: right;
}
.logincontentBottom input,span,i{
    vertical-align: middle;
}