*{margin: 0 auto;padding: 0;}
body{
    height: 100%;
    width: 100%;
    position: absolute;
}
.login-container{
    background: url("../images/1.jpg") no-repeat;
    background-size: cover;
    animation-name: mybody;
    height: 100%;
}
.login-container h1{
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    text-shadow: 0 1px 4px rgba(0,0,0,.2);
    /*border: 1px solid #4fff3d;*/
    padding-top: 5%;
    padding-bottom: 10px;
}
.login-container .connect{
    text-align: center;
    text-shadow: 0 1px 4px rgba(0,0,0,.2);
    /*border: 1px solid #0400ff;*/
    padding-bottom: 40px;
}
.login-container .layui-1{
    text-align: center;
    /*border: 1px solid red;*/
    padding-top: 10px;
    padding-bottom: 10px;
}

/*input*/
.login-container .layui-1 input{
    width: 270px;
    height: 42px;
    line-height: 42px;
    padding: 0 15px;
    background: #2d2d2d;
    background: rgba(81,125,159,0.6);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    /*border: 1px solid #3d3d3d;*/
    border: 1px solid rgba(255,255,255,.15);
    -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
    font-family: microsoft yahei,Helvetica,Arial,sans-serif;
    font-size: 14px;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.1);
    -o-transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
}
.login-container .layui-1 input::placeholder{
    color: #fff9ec;
}
.login-container .layui-1 input:hover{
    outline: 0;
    -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset,0 2px 7px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset, 0 2px 7px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset, 0 2px 7px 0 rgba(0,0,0,.2);
    border: 1px solid rgba(229, 236, 228, 0.6);
}
.login-container .layui-submit{
    text-align: center;
    /*border: 1px solid #00d7ff;*/
    padding-top: 10px;
    padding-bottom: 10px;

}
/*input*/

/*按钮*/
.login-container .layui-submit .submit_button{
    cursor: pointer;
    width: 300px;
    height: 44px;
    /*margin-top: 25px;*/
    padding: 0;
    background: rgba(6,127,228,.71);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 0;
    -moz-box-shadow: 0 15px 30px 0 rgba(255,255,255,.25) inset,0 2px 7px 0 rgba(0,0,0,.2);
    font-family: microsoft yahei,Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.1);
    -o-transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
}
.login-container .layui-submit .submit_button:hover{
    -moz-box-shadow: 0 15px 30px 0 rgba(255,255,255,.15) inset,0 2px 7px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 15px 30px 0 rgba(255,255,255,.15) inset, 0 2px 7px 0 rgba(0,0,0,.2);
    box-shadow: 0 15px 30px 0 rgba(255,255,255,.15) inset, 0 2px 7px 0 rgba(0,0,0,.2);
}
.login-container .layui-submit .submit_button:focus{
    outline: 0;
    -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset,0 2px 7px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset, 0 2px 7px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset, 0 2px 7px 0 rgba(0,0,0,.2);
}
/*按钮*/

/*功能按钮*/
.login-container .deists{
    text-align: center;
    /*border: 1px solid red;*/
    padding-top: 10px;
    padding-bottom: 10px;
}
.login-container .deists .register-tis{
    line-height: 42px;
    /*margin: 15px auto 0;*/
    padding: 0 15px;
    border: 1px solid rgba(255,255,255,.38);
    background: rgba(45,45,45,.33);
    border-radius: 6px;
    width: 150px;
    color: #ffffff;
    font-weight: 900;
    cursor: pointer;
}
.login-container .deists .register-tis:focus{
    outline: 0;
    -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset,0 2px 7px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset, 0 2px 7px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset, 0 2px 7px 0 rgba(0,0,0,.2);
}
.login-container .deists .register-tis:hover{
    outline: 0;
    -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset,0 2px 7px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset, 0 2px 7px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset, 0 2px 7px 0 rgba(0,0,0,.2);
}
/*功能按钮*/

/*登录加载*/
.layui-layer-msg {
    border: none !important;
}
.layui-layer {
    background-color: rgba(0,0,0,0.5) !important;
    color: #fff9ec;
}

/*验证码*/
.email_yzm{
    text-align: center;
    margin: 0 auto;
}
.email_yzm .yzm_QQ{
    width: 100%;
}
.email_yzm .yzm_QQ input{
    width: 100px;
    cursor: pointer;
    background: rgba(6, 127, 228, 0.9);
    position: absolute;
    height: 44px;
    padding: 0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    /*border-radius: 6px;*/
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;


    border: 0;
    -moz-box-shadow: 0 15px 30px 0 rgba(255,255,255,.25) inset,0 2px 7px 0 rgba(0,0,0,.2);
    font-family: microsoft yahei,Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.1);
    -o-transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
    margin-top: 10px;
    margin-left: 51px;
}
.email_yzm .yzm_QQ input:hover{
    -moz-box-shadow: 0 15px 30px 0 rgba(255,255,255,.15) inset,0 2px 7px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 15px 30px 0 rgba(255,255,255,.15) inset, 0 2px 7px 0 rgba(0,0,0,.2);
    box-shadow: 0 15px 30px 0 rgba(255,255,255,.15) inset, 0 2px 7px 0 rgba(0,0,0,.2);
}
.email_yzm .yzm_QQ input:focus{
    -moz-box-shadow: 0 15px 30px 0 rgba(255,255,255,.15) inset,0 2px 7px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 15px 30px 0 rgba(255,255,255,.15) inset, 0 2px 7px 0 rgba(0,0,0,.2);
    box-shadow: 0 15px 30px 0 rgba(255,255,255,.15) inset, 0 2px 7px 0 rgba(0,0,0,.2);
}


/*底部开始*/
footer{
    /*border: 1px solid red;*/
    text-align: center;
    line-height: 50px;
    bottom: 0;
    position: fixed;
    width: 100%;
    background: rgba(242, 238, 227, 0.51);
}