/**
 * Created by hanshaojie on 2018/4/20.
 * alter by zhouchanghong on 2020/07/01.
 */
html,body{position:relative; overflow:hidden;min-width:1000px; height:100%; }
.ui-container,.ui-container img{width:100%;}

.ui-logo{position:absolute; z-index:900;top:3%; left:5%; }

.ui-login{position:absolute;top:0; right:0; bottom:0; left:0; width:1000px; height:100%; margin:auto; }
.ui-login-area{position:absolute; z-index:999;top:30%; right:0; width:300px; }

.ui-login-title{width:100%; margin-bottom:40px;text-align:center; }
p.ui-white-bg{border:1px solid rgb(141, 143, 148);background-color:rgb(255, 255, 255); }
.ui-login-area > p{box-sizing:border-box;width:100%; height:44px; border-radius:3px; line-height:44px; }
p.ui-login-input > input{width:258px; height:100%;}

p.ui-login-input > input::placeholder{color:#8d8f94;}
p.ui-login-input > span{width:40px; height:100%; text-align:center;}
p.ui-login-input > span > img{margin-top:13px;vertical-align:middle; }
p.ui-login-user{margin-bottom:20px;}
p.ui-login-btn{color:#fff; border-radius:3px; background:#f9396c; font-size:18px; cursor:pointer;text-align:center; }
.mt20{margin-top:20px;}
.ui-login-forget{margin-top:30px;}
.ui-login-forget > a{display:inline-block; height:15px;color:#333; }

@media screen and (min-width:1366px) and (max-width: 1919px){.ui-login-area{top:25%;}}
@media screen and (min-width:1200px) and (max-width: 1365px){.ui-login-area{top:20%;}}
@media screen and (min-width:1000px) and (max-width: 1190px){.ui-login-area{top:15%; right:50px;}}
@media screen and (max-width: 999px){.ui-login-area{top:10%; right:50px;}}

#errorMsg{color:red;}
.ui-container{width:100%;height:100%;}