@charset "utf-8";
/* -----------H-ui前端框架-------------
* H-ui.login.css v2.2.1	后台登录页样式
* http://www.h-ui.net/
* Created & Modified by guojunhui
* Date modified 2015.6.5
*
* Copyright 2013-2017 北京颖杰联创科技有限公司 All rights reserved.
* Licensed under MIT license.
* http://opensource.org/licenses/MIT
*
*/
html, body{ height:100%}
body{font-size:14px}

.header,.footer{ position:absolute; left:0; right:0; width:100%; z-index:99}
.header{top:0; height:60px; background:#426374 url(../images/logo.png) no-repeat 0 center}

.loginWraper{ position:absolute;width:100%; left:0; top:0; bottom:0; right:0; z-index:1; background: url(../images/admin-login-bg.jpg) no-repeat center;background-size: cover;}

.loginBox{ position:absolute; width:900px; height:550px; left:50%; top:50%; margin-left:-450px; margin-top:-300px;}
.loginBox .logintop{text-align: center;color: #fff;font-size: 24px;margin-bottom: 25px;}
.loginBox .logintop img{width: 150px;margin-bottom: 10px;}

.loginBox .loginmain{overflow: hidden;background: #fff;border:solid 8px #33a0ff;box-shadow: 0px 5px 10px 0px rgba(0,0,0,.1);}
.loginBox .loginmain .mainleft,.loginBox .loginmain .mainright{width: 50%;float: left;}
.loginBox .loginmain .mainleft{text-align: center;padding:5% 0;}
.loginBox .loginmain .mainleft img{width: 95%;}

.loginBox .loginmain .mainright{padding:5% 5% 0;width: 40%;}
.loginBox .loginmain .mainright .title{font-size: 24px;color: #477ffe;margin-bottom: 20px;}
.loginBox .loginmain .mainright .fo_li{border-bottom: solid 1px #ddd;margin-bottom: 20px;}
.loginBox .loginmain .mainright .fo_li i{display: block;width: 10%;text-align: center;font-size: 24px;float: left;}
.loginBox .loginmain .mainright .fo_li input{display: block;border:none;width: 90%;}
.loginBox .loginmain .mainright .fo_btn{margin-top: 20px;}
.loginBox .loginmain .mainright .fo_btn span{width: 100%;text-align: center;background: #477ffe;color: #fff;display: block;border:none;font-size: 15px;padding: 12px 0;cursor: pointer;}
.loginBox .loginmain .mainright .fo_btn span:hover{background: #336ef5;}

.loginBox1 .loginmain{background: #fff;border-radius: 5px;border:none;height: 550px;}
.loginBox1 .loginmain .mainleft{width: 45%;padding:0;}
.loginBox1 .loginmain .mainleft img{width: 100%;margin: 0;}
.loginBox1 .loginmain .mainright{padding:10% 8% 0;width: 39%;}
.loginBox1 .loginmain .mainright .title,.loginBox1 .loginmain .mainright .fo_li{margin-bottom: 30px;}
.loginBox1 .loginmain .mainright .fo_btn{margin-top: 30px;}

.loginBox .loginmain .mainright .fo_tip{margin-top: 20px;color: #e43d39;}


@media (max-width:617px) {
	.loginbox{ width:100%; position:static; margin-top:0; margin-left:0;}
}
.loginBox .input-text{ width:360px}
@media (max-width:617px) {
	.loginBox .input-text{ width:80%}
}
	.yzm a{ color:#426374; font-size:12px}

#span_msg{ font-size:14px; color:Red; line-height:40px; height:40px; margin-left:10px; width:160px;; float:left}

.hd_msg{font-size:12px; color:#fff; height:30px; z-index:100;position: absolute; padding-left:50px; padding-top:5px}
.hd_msg a{ color:#fff}
.hd_msg a:hover{ color:#fff; text-decoration:underline}

.footer{ height:46px; line-height:46px; bottom:0; text-align:center; color:#fff; font-size:12px; background-color:#426374}

#ie6-warning{background:#fff url(/jscss/demoimg/201006/warning.gif) no-repeat 3px center;position:absolute;top:0;left:0;font-size:12px;color:#333;width:97%;padding: 2px 15px 2px 23px;text-align:left}
#ie6-warning a {text-decoration:none}



@keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }
    50% {
        transform: translateX(-25%) translateZ(0) scaleY(0.55)
    }
    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}
.waveWrapper {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}
.waveWrapperInner {
    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 120px;
    bottom: -1px;
}
.bgTop {
    z-index: 15;
    opacity: 0.2;
}
.bgMiddle {
    z-index: 10;
    opacity: 0.2;
}
.bgBottom {
    z-index: 5;
    opacity: 0.2;
}
.bgText {
    z-index: 20;
    text-align: center;
    color: #fff;
    height: 30px;
}
.wave {
    position: absolute;
    left: 0;
    width: 200%;
    height: 100%;
    background-repeat: repeat no-repeat;
    background-position: 0 bottom;
    transform-origin: center bottom;
}
.waveTop {
    background-size: 50% 100px;
}
.waveAnimation .waveTop {
  animation: move-wave 3s;
   -webkit-animation: move-wave 3s;
   -webkit-animation-delay: 1s;
   animation-delay: 1s;
}
.waveMiddle {
    background-size: 50% 120px;
}
.waveAnimation .waveMiddle {
    animation: move_wave 10s linear infinite;
}
.waveBottom {
    background-size: 50% 100px;
}
.waveAnimation .waveBottom {
    animation: move_wave 15s linear infinite;
}

.label{display:inline-block}
.radio{display:none}
.radioInput{background-color:#fff;border:1px solid rgba(0,0,0,0.15);border-radius:100%;display:inline-block;height:15px;margin-right:10px;margin-top:-1px;vertical-align:middle;width:15px;line-height:14px;}
.radio:checked + .radioInput:after{background-color:#363636;border-radius:100%;content:"";display:inline-block;height:11px;margin:2px;width:11px}
.checkbox.radioInput,.radio:checked + .checkbox.radioInput:after{border-radius:0}