header{width:1280px;margin:0 auto;padding-bottom:15px}header .top{padding-top:24px}header .top .login{float:left;margin-left:100px}header .top .login img{width:152px;height:42px;vertical-align:middle}header .top .login .logo-name{display:inline-block;vertical-align:middle}header .top .login .logo-name .TN-system{font-size:28px;color:#716f70}header .top .login .logo-name .company{font-size:14px;color:#716f70}header .top .Hotline{float:right;margin-right:100px}header .top .Hotline .service{font-size:20px;color:#2d3b51}header .top .Hotline .Telephone{font-size:28px;color:#2d3b51}.container{background:-webkit-gradient(linear,left top,left bottom,from(#4f94f9),to(#2949ae));background:linear-gradient(180deg,#4f94f9,#2949ae);width:1280px;height:500px;margin:0 auto}.container .login_bg{padding-left:75px;padding-top:113px}.container .logo-img{padding-left:95px;padding-top:40px}.container .login-main{background:hsla(0,0%,100%,.4);border-radius:8px;width:288px;padding:6px;float:right;margin-right:191px;margin-top:81px}.container .login-main .login{background:#fff;border-radius:8px;width:275px;padding-bottom:3%}.container .login-main .login h4{font-size:20px;color:#258ccd;padding:32px 0 18px 11px}.container .login-main .login .user-name{border:1px solid #258ccd;border-radius:6px;width:257px;height:43px;margin-left:9px}.container .login-main .login .user-name img{vertical-align:middle;padding-left:7px;padding-right:10px}.container .login-main .login .user-name input{border:0;outline:none;vertical-align:middle;font-size:14px;color:#000;height:40px;width:212px}.container .login-main .login .code-err,.container .login-main .login .pwd-err,.container .login-main .login .user-err{height:20px;width:257px;line-height:20px;margin-left:9px;font-size:12px;color:red}.container .login-main .login .pwd{border:1px solid #258ccd;border-radius:6px;width:257px;height:43px;margin-left:9px}.container .login-main .login .pwd img{vertical-align:middle;padding-left:12px;padding-right:10px}.container .login-main .login .pwd input{border:0;outline:none;vertical-align:middle;font-size:14px;color:#000;height:40px;width:212px}.container .login-main .login .write-code{border:1px solid #258ccd;border-radius:6px;width:155px;height:43px;margin-left:9px;float:left}.container .login-main .login .write-code img{height:20px;vertical-align:middle;padding-left:12px;padding-right:10px}.container .login-main .login .write-code input{border:0;outline:none;vertical-align:middle;font-size:14px;color:#000;height:40px;width:112px}.container .login-main .login .code-img{float:left;margin-left:8px;width:96px;height:42px}.container .login-main .login .code-img img{width:100%}.container .login-main .login .btn{background:#258ccd;border-radius:6px;width:259px;height:45px;font-size:20px;color:#fff;text-align:center;line-height:45px;margin-left:9px}footer{background:#3764c9;width:1280px;height:54px;margin:0 auto;text-align:center;line-height:54px;color:#fff;font-size:14px}.remember{padding-top:10px}.remember input{margin-left:9px}input::-webkit-input-placeholder{color:#d6d6d6}input:-moz-placeholder,input::-moz-placeholder{color:#d6d6d6}input:-ms-input-placeholder{color:#d6d6d6}