html{width:100%;height:100%}body{background-image:linear-gradient(-20deg, #6e45e2 0%, #88d3ce 100%);padding:0;margin:0;width:100%;float:left;height:100%}#vmxLogin{padding:0px;margin:0px}#vmxLogin .signin{width:460px;position:fixed;left:50%;height:auto;margin-left:-230px;font-size:16px;top:50%;margin-top:-400px}#vmxLogin .signin .title{font-size:22px;padding-bottom:15px;color:#000;font-size:4rem;font-weight:700;line-height:2.857rem}#vmxLogin .signin .noaccount{width:100%;float:left;margin-top:10px;margin-bottom:30px}#vmxLogin .signin .copyinfo{width:100%;float:left;margin-top:30px;margin-bottom:10px;text-align:center;font-size:14px}#vmxLogin .signin .copyinfo a{color:#ccc}#vmxLogin .signin .qrcode{width:100%;float:left;text-align:center}#vmxLogin .signin .qrcode img{width:70%}#vmxLogin .signin .other{width:100%;float:left;position:relative;height:80px}#vmxLogin .signin .other .line{width:100%;height:1px;border-top:1px solid #eee;position:absolute;top:10px}#vmxLogin .signin .other .ztitle{background:#fff;text-align:center;position:absolute;left:50%;margin-left:-50px;width:100px;font-size:12px}#vmxLogin .signin .other .ztitle span{background:#fff}#vmxLogin .signin .other .log{position:absolute;top:20px;width:100%}#vmxLogin .signin .other .log .wechatlogin{width:100%;text-align:center;height:45px;border-radius:5px;border:solid 1px #ccc;line-height:45px;color:#000;margin-top:10px;font-size:16px;cursor:pointer;box-shadow:0 6px 8px 0 rgba(28,31,35,0.06);transition:all .3s ease-in-out}#vmxLogin .signin .other .log .wechatlogin i{color:#33d333;font-size:20px;margin-right:10px}#vmxLogin .signin .rightInfo{width:100%;float:left;padding:60px;padding-top:40px;color:#999;background:#fff;border-radius:15px;box-shadow:rgba(23,25,29,0.34) 0 12px 40px -8px,rgba(23,25,29,0.03) 0 8px 40px 0;height:auto;padding-top:50px;padding-bottom:50px;text-align:left}#vmxLogin .signin .rightInfo .form p{margin:0px}#vmxLogin .signin .rightInfo .copy{float:left;width:100%;margin-top:20px;text-align:left;text-align:center;margin-top:10px;font-size:12px;margin-bottom:10px}#vmxLogin .signin .rightInfo .copy a{margin-left:0;color:#ccc}#vmxLogin .signin .input{border:solid 1px #ccc;border-radius:5px;width:100%;padding:3%;margin-bottom:10px;outline:none;padding-left:0;height:45px;background-color:#fff;margin-top:10px;padding-left:8px}#vmxLogin .signin .input:focus{border:solid 1px #4293f6;box-shadow:0 0 0 .25rem rgba(13,110,253,0.25)}#vmxLogin .signin .input::-webkit-input-placeholder{font-size:12px;color:#ccc}#vmxLogin .signin .input::-moz-placeholder{font-size:12px;color:#ccc}#vmxLogin .signin .input:-ms-input-placeholder{font-size:12px;color:#ccc}#vmxLogin .signin .login-btn{background:#4293f6;width:100%;height:50px;border:none;color:#fff;font-size:18px;outline:none;margin-bottom:5px;border-radius:5px}#vmxLogin .signin .wx{background:#2ba245}#vmxLogin .signin .qq{background:#999}#vmxLogin .signin a{text-decoration:none;margin-left:10px}@media screen and (max-device-width:480px){body{background:#fff}#vmxLogin{width:100%;float:left}#vmxLogin .signin{left:0%;width:100%;top:0px;margin-top:0px;margin-left:0;float:left;overflow-y:scroll;border-radius:0px;height:100%;position:relative}#vmxLogin .signin .rightInfo{border-radius:0px;width:100%;left:5%;float:left;padding:25px;padding-top:15px;height:100%}.content{margin-top:5px}}