*{box-sizing:border-box;margin:0;padding:0;font-weight:300}
body{width:1920px;height:960px;background-image:url(../images/loginpage.png);background-attachment:fixed;background-repeat:no-repeat;background-position:center;background-size:100% 100%;font-family:Helvetica,'Hiragino Sans GB','Microsoft Yahei','΢ÈíÑźÚ',Arial,sans-serif;font-size:0;overflow:hidden}
.logo-wapper{position:absolute;top:10px;height:80px;width:100%;text-align:center}
.login-logo{margin-top:20px;margin-bottom:10px;height:30px;clear:both}
.login-wrapper{position:absolute;left:50%;top:50%;margin-left:-140px;margin-top:-160px;border-radius:6px;background-color:#fff;width:280px;height:400px;box-shadow:0 0 10px rgba(0,0,0,.1)}
.login-wrapper .left-part{display:none}
.login-wrapper .right-part{float:left;width:100%}
.login-wrapper .left-part .left-content{height:40%;color:#fff;font-size:30px;padding:20px}
.login-wrapper .left-part .left-bg{width:100%;height:60%;  background-image:url(../images/building.png);background-position:left bottom;background-repeat:no-repeat;border-radius:6px 0 0 6px;background-size:500px}
.login-wrapper .right-part .title{color:grey;font-size:16px;padding:12px 16px}
.login-wrapper .right-part .hr-line{border:none;background-color:#e00000;height:1px;width:100%}
.login-wrapper .right-part .container{width:100%;height:100%;text-align:center;border-radius:5px}
form{position:relative;z-index:2;text-align:left;padding:40px;padding-top:30px}
    form input {
        font-size: 14px;
        border: 1px solid cornflowerblue;
        background-color: #fff;
        width: 100%;
        border-radius: 5px;
        padding: 12px 15px;
        margin-bottom: 20px;
        display: block;
        text-align: left;
        color: #929191;
        -webkit-transition-duration: .25s;
        transition-duration: .25s;
        font-weight: 300
    }
form .row{position:relative;overflow:hidden}
form i{color:#cbcbcb;top:13px;right:6px;z-index:99;position:absolute;display:block;width:30px;height:30px;text-align:center;font-size:18px!important}
form button{outline:0;background-color:cornflowerblue;border:0;margin-top:20px;padding:10px 15px;color:#fff;border-radius:5px;width:100%;cursor:pointer;font:16px/1.5 Lucida Grande,Lucida Sans Unicode,Helvetica Neue,Hiragino Sans GB,Microsoft Yahei,sans-serif}
form button:hover{opacity:.9}
form .verify-code{width:100%}
form .row .authcode{position:absolute;left:105px;top:10px;cursor:pointer}
form .verify-code-wrapper{width:100%;padding-left:14px;text-align:right;font-size:12px;background-color:#0ff}
form .verify-code-link{position:absolute;right:10px;top:12px;cursor:pointer}
form .rember-pwd{padding-right:5px;font-size:12px;text-align:right}
form .login_tips{position:relative;height:30px;line-height:30px;width:100%;text-align:center}
.tips_msg{color:red;margin:5px;border-radius:5px;width:100%;font-size:14px;font-weight:500}
.tips_msg i{position:relative;top:.5px;font-size:15px;padding-right:5px}
.title-wrapper{position:absolute;right:9%;top:10%}
.title-wrapper .title{color:#f5f6f8}
@media (min-width:900px){.logo-wapper{display:none}
.login-wrapper{position:absolute;left:50%;top:50%;margin-left:-450px;margin-top:-250px;border-radius:6px;background-color:rgba(255,255,255,0.9);width:900px;height:500px;box-shadow:0 0 50px rgba(0,0,0,.8)}
.login-wrapper .left-part{width:50%;height:100%;float:left;border-radius:6px 0 0 6px;border-right:2px solid #c4c4c4;background-color:rgba(0,0,0,.1);background-repeat:repeat-x;display:block}
.login-wrapper .right-part{float:left;width:50%}
.login-wrapper .left-part .left-content{height:40%;overflow-y:hidden;padding:20px;text-align:left}
.login-wrapper .left-part .title-ch{margin-top:20px;color:grey;font-size:26px}
.login-wrapper .left-part .title-small{color:grey;font-size:10px;padding-top:10px}
    .login-wrapper .left-part .left-bg {
        width: 100%;
        height: 60%;
        background-image: url(../images/building.png);
        background-position: center center;
        background-repeat: no-repeat;
        border-radius: 6px 0 0 6px;
        background-size: 400px
    }
.login-wrapper .right-part .title{color:grey;font-size:20px;padding:18px 20px}
.login-wrapper .right-part hr{border:none;height:1px;background-color:#c4c4c4}
.login-wrapper .right-part .container{width:100%;height:100%;text-align:center;border-radius:5px}
form{position:relative;z-index:2;text-align:left;padding:70px;padding-top:60px}
    form input {
        font-size: 14px;
        border: 1px solid cornflowerblue;
        background-color: #fff;
        width: 100%;
        border-radius: 5px;
        padding: 12px 15px;
        margin-bottom: 20px;
        display: block;
        text-align: left;
        color: #929191;
        -webkit-transition-duration: .25s;
        transition-duration: .25s;
        font-weight: 300;
        outline: 0
    }
form input:focus{border-radius:5px;border:1px solid #91adef}
form .row{position:relative;overflow:hidden}
form i{color:#cbcbcb;top:13px;right:6px;z-index:99;position:absolute;display:block;width:30px;height:30px;text-align:center;font-size:18px!important}
    form button {
        outline: 0;
        background-color: cornflowerblue;
        border: 0;
        margin-top: 20px;
        padding: 10px 15px;
        color: #fff;
        border-radius: 5px;
        width: 100%;
        cursor: pointer;
        font: 16px/1.5 Lucida Grande,Lucida Sans Unicode,Helvetica Neue,Hiragino Sans GB,Microsoft Yahei,sans-serif
    }
form button:hover{opacity:.9}
form .verify-code{width:100%}
form .row .authcode{position:absolute;left:105px;top:10px;cursor:pointer}
form .verify-code-wrapper{width:100%;padding-left:14px;text-align:right;font-size:12px;background-color:#0ff}
form .verify-code-link{position:absolute;right:10px;top:12px;cursor:pointer}
form .rember-pwd{padding-right:5px;font-size:12px;text-align:right}
form .login_tips{position:relative;height:30px;line-height:30px;width:100%;text-align:center}
.tips_msg{color:red;margin:5px;border-radius:5px;width:100%;font-size:14px;font-weight:500}
.tips_msg i{position:relative;top:.5px;font-size:15px;padding-right:5px}
.title-wrapper{position:absolute;right:9%;top:10%}
.title-wrapper .title{color:#f5f6f8}
.footer-wrapper{position:absolute;bottom:10px;height:30px;width:100%;line-height:30px;color:#bcdbd6;font-size:12px;text-align:center}
}