login.css 3.95 KB
/* CSS Document */
*{font-size:14px;border:0;margin:0;padding:0;}
body {
    font-family: 'Open Sans', sans-serif;
    margin: 0 auto;
    min-width: 780px;
    text-align: center;
    background: url("../images/login/cchh.jpg") 0px 0px no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
ul{display:block;margin:0;padding:0;list-style:none;}
li{display:block;margin:0;padding:0;list-style: none;}
imgs{border:0;}
dl,dt,dd,span{margin:0;padding:0;display:block;}
a,a:focus{text-decoration:none;color:#000;outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{color:#00a4ac;text-decoration:none;}
table{border-collapse:collapse;border-spacing: 0;}
cite{font-style:normal;}
h2{font-weight:normal;}

::-webkit-input-placeholder {
    color: #d3cece;
}
/*cloud*/
#mainBody {width:100%;height:100%;position:absolute;z-index:-1;}
.cloud {position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:1;opacity:0.5;}
#cloud2 {z-index:2;}

/*login*/
.logintop{height:47px; position:absolute; top:0; background:url(/images/login/loginbg2.png) repeat-x;z-index:100; width:100%;}
.logintop span{color:#fff; line-height:47px; background:url(/images/login/loginsj.png) no-repeat 21px 18px; text-indent:44px; color:#afc5d2; float:left;}
.logintop ul{float:right; padding-right:30px;}
.logintop ul li{float:left; margin-left:20px; line-height:47px;}
.logintop ul li a{color:#afc5d2;}
.logintop ul li a:hover{color:#fff;}
.loginbody {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
}
.systemlogo{background:url(/images/login/logo.png) no-repeat center;width:100%; height:70px; margin-top:40px;}
.loginbox {
    margin: auto;
    margin-left: -10%;
    height: 125px;
    border-radius: 30px;
    background: rgba(255,255,255,0.1);
    /*background-color: rgba(0, 0, 0, 0.5);*/
    line-height: 10px;
}
.ver {font-size: 20px;}

.loginbox ul li {margin-bottom: 15px;}
.loginbox ul li label{color:#687f92; padding-left:25px;}
.loginbox ul li label a{color:#687f92;}
.loginbox ul li label a:hover{color:#3d96c9;}
.loginbox ul li label input{margin-right:5px;}
.loginuser { /*width:299px; height:48px; border:none; line-height:48px; padding-left:44px; font-size:14px; background-color:transparent;*/
    padding: 12px 15px;
    width: 92%;
    font-size: 16px;
    outline: none;
    /*background: transparent;*/
    border: 0px;
    border-bottom: 1px solid #fff;
    border-radius: 12px;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 1.6px;
    color: #000;
}

.loginpwd { /*width:299px; height:48px;  border:none;line-height:48px; padding-left:44px; font-size:14px;  background-color:transparent;*/
    padding: 12px 15px;
    width: 92%;
    font-size: 16px;
    outline: none;
    /*background: transparent;*/
    border: 0px;
    border-bottom: 1px solid #fff;
    border-radius: 12px;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 1.6px;
    color: #000;
}
.loginTitle {
    font-size: 20pt;
    height: 50px;
    line-height: 50px;
    margin-left:20px;
    text-align: left;
    position: fixed;
    _position: absolute;
    *position: absolute;
    bottom: 10px;
    width: 100%;
    color: white;
}
.loginbm{font-size:11pt;height:50px; line-height:50px; text-align:center;position:fixed;_position:absolute;*position:absolute;bottom:0;width:100%; color:white;}
.loginbm a{font-weight:bold;color:#0b3a58;}
.loginbm a:hover{color:#fff;}

/*.main {background-color:#1c77ac; background-image:url(/images/login/light.png); background-repeat:no-repeat; background-position:center top; overflow:hidden;}*/
.logintop span{
    font-family: "Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","\9ED1\4F53",Arial,sans-serif;color:#DDD;font-size: 12px;
}
.loginbox {color: #fff;}

.LoginQrCode {display: none}

/*手机*/
@media screen and (max-width:600px) {
    .loginbody {
        display: none
    }

    .LoginQrCode {
        display: block;
        padding-top: 200px;
    }
}

.loginbox  li {
    float: left;
    margin-left: 30px;
    width:300px;
}