html,body{height:100%;font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,Arial,sans-serif}html,*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none}.clearfix{zoom:1;display:table;width:100%}input,button{outline:0}.main{height:100%;background-color:#000;background-position:center center;background-repeat:no-repeat;background-size:cover;position:relative;padding-top:200px}.main header{position:absolute;display:block;top:0;left:0;width:100%;height:60px;background-color:rgba(23,23,23,.35);z-index:1000}.main header .logo{float:left;margin-top:10px;border:0}.main header a{font-size:14px;color:#fff;text-decoration:none}.main header .container{max-width:980px;height:100%;margin-right:auto;margin-left:auto}.main header .right{margin-top:18px;float:right}.main .login-box{max-width:850px;margin:0 auto;background:#fff}.main .login-box .box-left{border-right:1px solid #ececec;height:400px;width:470px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:20px 40px;float:left}.main .login-box .box-left a{display:block}.main .login-box .box-left a img{width:100%;border-radius:12px}.main .login-box .box-right{padding:60px 40px;position:relative;min-height:400px;float:left;min-width:300px}.main .login-box .box-right h4{font-weight:500;color:#555}.main .login-box .box-right .login-list{padding:40px 0}.main .login-box .box-right .login-list a{display:inline-block;margin-right:20px;text-decoration:none;text-align:center;font-size:12px;-webkit-transition:all .3s ease;transition:all .3s ease}.main .login-box .box-right .login-list a img{width:50px;display:block;margin:0 auto 10px}.main .login-box .box-right .login-list a span{color:#999;-webkit-transition:all .3s ease;transition:all .3s ease}.main .login-box .box-right .login-list a:hover{-webkit-transform:translateY(-10%);-ms-transform:translateY(-10%);transform:translateY(-10%)}.main .login-box .box-right .login-list a:hover span{color:#222}.main .login-box .box-right .tip{font-size:12px;border-top:1px solid #ececee;color:#666;margin:15px 0 30px;padding-top:10px;position:absolute;right:40px;left:40px;bottom:60px;line-height:2}.main .login-box .box-right .tip strong{color:#000}.main footer{text-align:center;margin:50px auto;font-size:12px;color:#ccc}.main footer a{color:#fff}.login-wrap{position:absolute;left:0;top:0;height:100%;width:100%;overflow:auto;background:rgba(0,0,0,.5);display:none}.login-wrap .login-header{background:url(../image/logo-designer.png) no-repeat left center;background-size:contain;font-size:16px;height:42px;line-height:56px;padding-left:110px;color:#000;margin-bottom:10px}.login-wrap .close{width:20px;height:20px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAAoFJREFUaAXt2jtOw0AQANAYmigtBRItBYKGqyRNiiQKkuWKggMgQQHkBiAkBOmcIk1OALcACpRrpEmImTE2sqJ4vfbOzBppXcSfeHfnjT/SjtxouMVlwGXAZcBlwGXg/2RgOBzu9Xq9qyiKvLpGDfFdBkGwrxPfjuokxC6Xy1fA3kCnz3VE9/v9B4hrtFgs3nTQSvBqtTqHhJwmSfHrhkbser3GGBuAPgH0RRJr7koJDsPwDlqOM61rg85iMT7P88J2u32diXXrZuFzibcxXllo7Wd6GE8mkwAGiTLHxDZzsGfdbve7KIhCMHZQJ7QJFi1a4LqgTbGlwLbRFNjSYFtoKmwlsDSaElsZLIWmxhqBudEcWGMwF5oLSwKmRnNiycBUaG4sKdgULYElB1dFS2FZwGXRklg2sC5aGssKLkIPBoP7dPIeB/I7n9Wa4uH5VRft2VLVAXKmlp/Q33HaZzJ5Z8fieOxgHCQHjX+llQoRbDxePKrAT4J+h6H+rixszzudzpFOpYIqRGVNi2oQ7AefWVhlsXj4cDabPWEycEdiEQFvvo0BNs/gRAuD7OBNLL6g8DYGsJVqKCt4GxZKqfELCqueNtBsz44Km97OOW9v1hIwC1gHawtNDi6DtYEmBVfBSqPJwCZYSTQJmAIrhTYGU2Il0EZgDiw3ujKYE8uJrgSWwHKhS4MlsRzoUmAbWGq0NtgmlhKtBa4DlgpdCK4TlgKtnA/jF242SqkpLG+NXw9tm0/DxbnJa5MeV4JbrdYLdP6BJ0uWUtPgVOtNNOx/NZvNR1Ubrf/wcz640qPpdLqr1UD4pKSIcOv7/oHw0G44lwGXAZcBlwGXAZeBkhn4AcrY4LAgdyEWAAAAAElFTkSuQmCC) no-repeat 50%;background-size:100% 100%;position:absolute;top:20px;right:20px;cursor:pointer}.login-wrap p{color:#999;font-size:12px;margin:0 0 30px}.login-wrap span.tip{font-size:12px;color:#888}.login-wrap span.tip a{color:#2e82ff}.login-wrap span.error{font-size:12px;color:#fc4343}.login-wrap .phone-login-box{width:352px;padding:40px 28px;background:#fff;box-shadow:0 5px 15px 0 rgba(0,0,0,.15);margin:100px auto;overflow:hidden;font-size:16px;text-align:left;-webkit-user-select:none;-ms-user-select:none;user-select:none;position:relative}.login-wrap .phone-login-box .input-item{height:42px;margin-bottom:16px}.login-wrap .phone-login-box input{height:100%;width:100%;border:0;color:#666;font-size:14px;border:1px solid #ddd;line-height:40px;padding:0 8px;outline:0;-webkit-transition:all .3s;transition:all .3s}.login-wrap .phone-login-box input:focus{border-color:#2e82ff}.login-wrap .phone-login-box input.error{border-color:#fc4343}.login-wrap .phone-login-box .verifycode-input input{width:168px;float:left}.login-wrap .phone-login-box .verifycode-input button{display:block;padding:0;float:right;height:40px;width:105px;font-size:12px;-webkit-transition:.3s;transition:.3s;color:#2e82ff;border:1px solid #dedede;background-color:#fff;cursor:pointer;border-radius:0}.login-wrap .phone-login-box .verifycode-input button.disabled{color:#999;cursor:not-allowed}.login-wrap .phone-login-box .login-btn{margin-bottom:10px;display:block;height:40px;line-height:40px;width:300px;font-size:16px;font-weight:800;cursor:pointer;color:#fff;background:#3f89ec;border:0;-webkit-transition:all .3s;transition:all .3s}.login-wrap .phone-login-box .login-btn:hover{background-color:#4490f7}@media (max-width:640px){.main header{padding:0 15px}.main header img{width:80px}.main header .right{margin-top:14px}.main{padding-top:100px}.main .login-box .box-left{display:none}.main .login-box .box-right{width:100%;padding:30px 40px}footer{margin:20px auto}}