html {background-color: #1f2229;}
body {background-color: #1f2229;}
body .clearfix {zoom: 1;}
body .login-wrapper {position: relative;}
body .login-wrapper .login-header {position: relative;z-index: 2;width: 100%;padding: 0 10%;box-sizing: border-box;}
body .login-wrapper .login-header .login-logo {float: left;margin-top: 36px;}
body .login-wrapper .login-header .login-logo img {border: 0;max-width: 100%;vertical-align: middle;}
body .login-wrapper .login-header .login-right {float: right;margin-top: 36px;}
body .login-wrapper .login-header .login-right .login-help {float: left;height: 30px;line-height: 30px;color: #ffffff;padding-left: 28px;margin-right: 30px;background: url(../images/login/login-help.png) left center no-repeat;text-decoration: none;}
body .login-wrapper .login-header .login-right .login-about {float: left;height: 30px;line-height: 30px;color: #ffffff;padding-left: 28px;background: url(../images/login/login-about.png) left center no-repeat;text-decoration: none;}
body .login-wrapper .login-box {width: 400px;position: fixed;top: 50%;left: 36%;margin-top: -260px;margin-left: -240px;z-index: 2;}
body .login-wrapper .login-box .logo-login{display: block;margin-left:10px;width:380px;margin-bottom:35px;}
body .login-wrapper .login-box .hlogin-txt {color: #ffffff;padding-left: 10px;}
body .login-wrapper .login-box .hlogin-description {color: #929292;padding-left: 10px;}
body .login-wrapper .login-box ul {position: relative;margin: 0;padding: 0;}
body .login-wrapper .login-box ul li {position: relative;margin: 20px 10px;list-style: none;border: none;padding-left:60px;}
body .login-wrapper .login-box ul li.login-user {background:#fff url(../images/login/login_ico.png) 17px center no-repeat;background-size: 27px;}
body .login-wrapper .login-box ul li.login-pwd {background:#fff url(../images/login/password_ico.png) 17px center no-repeat;background-size: 27px;}
body .login-wrapper .login-box ul li .login-txt {border: none;width: 100%;height: 46px;line-height: 1.4;font-size: 14px;box-sizing: border-box;}
body .login-wrapper .login-box ul li.login-smscode{padding-left:0;}
body .login-wrapper .login-box ul li.login-smscode:after{content:'';position: absolute;left: 21px;top: 12px;width: 20px;height: 24px;background: url(../images/login/upyzm_ico.png) no-repeat center;background-size: 27px;}
body .login-wrapper .login-box ul li.login-btnbox{padding-left:0;}
body .login-wrapper .login-box ul li #smscode {border: none;width: 72%;height: 46px;line-height: 1.4;font-size: 14px;padding-left: 60px;box-sizing: border-box;}
body .login-wrapper .login-box ul li .img_code{float:right;width:24%;height:100%;cursor: pointer;}
body .login-wrapper .login-box ul li .login-submit {display: block;width: 100%;height: 38px;line-height: 38px;padding: 0 18px;margin-top: 16px;background-color: #009688;color: #fff;white-space: nowrap;text-align: center;font-size: 14px;border: none;border-radius: 2px;cursor: pointer;}
body .login-wrapper .login-img {position: fixed;top: 50%;left: 62%;margin-top: -233px;margin-left: -212px;}
body .login-wrapper .login-footer {position: fixed;bottom: 3%;width: 100%;margin: 0;}
body .login-wrapper .login-footer p {text-align: center;color: #909090;}
body .login-wrapper .login-footer p a {color: #909090;text-decoration: none;}
body .login-wrapper .login-curve {width: 20%;height: 16%;position: fixed;top: 0;right: 0;}
body .login-wrapper .login-footerCurve {width: 100%;height: 30%;position: fixed;left: 0;bottom: 0;}