html,body{height:100%; overflow:hidden;}
body{margin:0; padding:0; font-family:Microsoft Yahei; font-size:12px; color:#444; min-height:750px;}
ul,li,img,p,h1,h2,h3,h4,h5.h6,span,iframe,dl,dt,dd{margin:0; padding:0;}
ul{list-style-type:none;}
img{border:0;}

a{font-family:Microsoft Yahei; font-size:12px; color:#444; text-decoration:none;}
a:link{}
a:visited{}
a:hover{color:#c72723; text-decoration:underline;}

/*slideshow*/
.slideshow{width:100%; height:795px; background-position:center bottom; background-repeat:no-repeat; background-color:#3b89cb; background-size:100% auto; overflow:hidden;}

/*loginArea*/
.loginArea{position:absolute; left:50%; top:50%; width:480px; height:660px; margin:-330px 0 0 -240px; box-shadow:0 0 15px rgba(0,0,0,0.3);}
.logo{position:relative; text-align:center; padding:40px 0 0 0;}
.loginBg{position:absolute; width:100%; height:100%; top:0; left:0; background:#FFF; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9; z-index:0;}
.login{position:absolute; top:240px;}
.login .inner{padding:35px 30px 50px 55px;}
.inner dl{position:relative; width:365px; height:45px; border-bottom:1px #d7d7d7 solid; padding:12px 0 5px 0;}
.inner dl dd,.inner dl dt{float:left;}
.inner dl dt{width:24px; height:24px; background:url(../img/login/login_ico.png) no-repeat; overflow:hidden; margin:8px 10px 0 10px;}
.inner dl dt.userico{}
.inner dl dt.pwdico{background-position:-24px 0;}
.inner dl dt.yzmico{background-position:-48px 0;}
.inner dl dd input{width:315px; height:40px; line-height:40px; font-family:Microsoft Yahei; background:none; font-size:16px; border:0; outline:0;}
.inner dl .yzm input{width:190px;}
.inner dl .yzmpic{margin:0 3px 0 2px; float:right;}
.inner dl .yzmpic img{width:110px;}
.loginBtn{width:366px; height:45px; line-height:45px; font-size:17px; color:#FFF; background:#3372de; text-align:center; display:inline-block; *display:inline; *zoom:1; outline:none; margin-top:30px; border-radius:0px;}
.loginBtn:hover{color:#FFF; text-decoration:none; background:#10c2f5;}
.loginBottom{height:30px; line-height:30px; font-size:15px; padding-top:5px;}
.loginBottom a{font-size:15px;}
.loginBottom .loginMessage{float:left; color:#c32420;}
.loginBottom .forgetpwd{float:right;}
.copyright{position:absolute; bottom:-55px; width:480px; text-align:center; font-size:14px;}

/*loaderbox*/
.loaderbox {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 170px;
    margin: 0 0 0 -100px;
    padding: 10px 15px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    background-color: #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
}

.loaderbox .loading-activity {
    float: left;
    width: 18px;
    height: 18px;
    border: solid 2px transparent;
    border-top-color: #000;
    border-left-color: #000;
    border-radius: 10px;
    -webkit-animation: pace-spinner 400ms linear infinite;
    -moz-animation: pace-spinner 400ms linear infinite;
    -ms-animation: pace-spinner 400ms linear infinite;
    -o-animation: pace-spinner 400ms linear infinite;
    animation: pace-spinner 400ms linear infinite;
    margin-right: 10px;
}
@media (max-width: 767px) {
    .loading-activity {
        width: 18px;
        height: 18px;
    }
}

@-ms-keyframes pace-spinner {
    0% {
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes pace-spinner {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}