* { box-sizing: border-box; margin: 0; padding: 0; font-weight: 300; }
body {
    font-family: Microsoft YaHei,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Arial,sans-serif;
}
.wrapper { opacity: 0.9; position: absolute; left: 0; width: 100%; height: 400px; overflow: hidden; }
.wrapper.form-success .container h1 { -webkit-transform: translateY(85px); -ms-transform: translateY(85px); transform: translateY(85px); }
.container { max-width:400px; margin: 0 auto; text-align: center; position: relative;margin:0 auto; }
.downloadGoogle {position:absolute;right:5%;top:7%;display:flex;}
.downloadGoogle .ios{width:136px;height:45px;margin-right:20px;background-image:url(/Content/img/Ipone.png);cursor:pointer;background-color:#20a0ff;border-radius:4px;opacity:0.8;}
.downloadGoogle .android{width:136px;height:45px;background-image:url(/Content/img/Android.png);cursor:pointer;background-color:#20a0ff;border-radius:4px;opacity:0.8;}
.downloadGoogle .tips{width:22px;height:22px;transform:translate(50%,30%);cursor:pointer;color:#20a0ff;opacity:0.8;}
form { position: relative; z-index: 2; text-align: left; background-color: #fff; padding: 20px 50px; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,.1); }
form .logo { text-align:center;font-size:28px;padding-bottom:16px;color:#666;font-weight:400; }
form .login-title-version{font-size: 14px;font-style: normal;}
form input { font-size: 14px; outline: 0; border: 1px solid rgba(255, 255, 255, 0.4); background-color: #fff; width: 100%; border-radius: 5px; padding: 12px 15px; margin-bottom: 20px; display: block; text-align: left; color: #929191; -webkit-transition-duration: 0.25s; transition-duration: 0.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 .row .authcode { position: absolute; left: 37%; top: 10px; }
form button { outline: 0; background-color: #20a0ff; border: 0; 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: 0.9; }

@-webkit-keyframes square {
    0% { -webkit-transform: translateY(0); transform: translateY(0); }
    100% { -webkit-transform: translateY(-1200px) rotate(600deg); transform: translateY(-1200px) rotate(600deg); }
}

@keyframes square {
    0% { -webkit-transform: translateY(0); transform: translateY(0); }
    100% { -webkit-transform: translateY(-1200px) rotate(600deg); transform: translateY(-1200px) rotate(600deg); }
}

button[disabled], button[disabled] button { color: #fff; opacity: 1; cursor: default; }
.copyright { text-align: center; color: #666; position: absolute; top: 100%; margin-top: -80px; width: 100%; font-family: Microsoft Yahei; line-height: 25px; font-size: 14px; }
.login_tips { position: absolute;z-index: 99; width: 100%;text-align:center;padding-top:3px; }
.tips_msg { line-height: 30px; color: red; margin: 0 auto; border-radius: 5px; width: 300px; font-size: 14px; }
.tips_msg i { position: inherit; top:1px;color:red; }