body{background:#333 url(/Images/bg_login.jpg) center fixed no-repeat;background-size:cover}.login-form{margin:10% auto 0;width:750px;height:312px;border-radius:4px;background:0 0}.logopanel{color:rgba(255,255,255,.7);padding-bottom:20px}.logopanel h1{margin-bottom:15px}.logopanel h4{font-size:14px}.signup-footer{margin-top:30px;line-height:30px;color:rgba(255,255,255,.6);border-top:1px solid rgba(255,255,255,.2)}.icon-label{font-size:20px;height:40px;line-height:30px;background:rgba(255,255,255,.3);border-top-left-radius:4px;border-bottom-left-radius:4px;padding-bottom:7px;width:16%;position:relative}.icon-label:before{color:rgba(255,255,255,.8)}.login-input{background:rgba(255,255,255,.3);border:none;box-shadow:none!important;color:#fff;border-top-left-radius:0;border-bottom-left-radius:0;height:40px;transition:all .2s ease-in-out;background:rgba(255,255,255,.4)}.login-btn{background:0 0;border:2px solid rgba(255,255,255,.3);box-shadow:none!important;color:rgba(255,255,255,.6);width:100%;height:40px;padding:0;text-shadow:none!important}.login-btn:hover{border-color:rgba(255,255,255,.6);color:#fff}.login-btn:active,.login-btn:visited{color:#fff}.title{font-size:16px;margin-bottom:20px;padding-bottom:5px;position:relative;color:rgba(255,255,255,.7)}.loginbox{padding:20px;height:320px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);box-shadow:0 3px 0 rgba(12,12,12,.03);position:relative}.loginbox .item{display:flex;margin-bottom:20px}.loginbox .item .yzm{padding-top:10px;background:#fff;border-radius:4px 0 0 4px}.loginbox .item .item-val{width:84%}.loginbox .item .item-val input{color:#fff}.loginbox .item .item-val input::-webkit-input-placeholder{color:rgba(255,255,255,.4)}.loginbox .item .item-val input::-moz-placeholder{color:rgba(255,255,255,.4)}.loginbox .item .item-val input:-ms-input-placeholder{color:rgba(255,255,255,.4)}.loginbox .item .icon-label{padding-top:7px;text-align:center;font-size:20px;overflow:hidden}.loginbox .verify{position:relative}.loginbox .verify .field-validation-valid{display:none}.loginbox .verify .text-danger{position:absolute;top:34px;left:-5px;padding:0 8px;color:#333;border-radius:2px;z-index:5;border:1px solid;line-height:30px;transition:all .3 ease}.loginbox .verify .text-danger:before{content:" ";position:absolute;left:15px;display:block;width:4px;height:4px;margin-top:-3px;transform:rotate(45deg);border:1px solid}.loginbox .verify .text-danger,.loginbox .verify .text-danger:before{background:#c2c2c2;border-color:#c2c2c2}.loginbox .verify .field-validation-error,.loginbox .verify .field-validation-error:before{background:#ed5565;border-color:#ed5565;color:#fff}@media (max-width:768px){.login-form{width:420px;padding:20px;margin:0 auto}}.toggle-login{position:absolute;right:-25px;top:-28px;z-index:5;width:70px;height:70px;margin:0;padding:0;overflow:hidden;transform:rotate(45deg)}.icopic .fa-qrcode{font-size:60px}.icopic .fa-desktop,.icopic .fa-laptop{font-size:45px;margin-left:3px}.icopic{position:relative;cursor:pointer;display:block;width:70px;height:70px;left:15px;top:28px;transform:rotate(-45deg);color:#37c3fb}#codeLogin{display:none}.wxts{color:#f8f8f8;line-height:50px;text-align:center;font-size:14px}#wxcode{width:206px;height:206px;margin:0 auto}.code .icopic .fa-desktop,.icopic .fa-laptop{display:block}.code .icopic .fa-qrcode{display:none}.code #codeLogin{display:block}.code #webLogin{display:none}