html, body, div, span,object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strike, strong, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0; font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
html,body{margin:0; padding:0; font-family:"Microsoft YaHei","SimSun"; color: #333; font-size: 14px; background:#f7f8fa; min-width: 1300px;}
body a{cursor: pointer; text-decoration:none; color:#333; font-size: 14px;}
ol,ul{list-style: none;}
input:-webkit-autofill{ -webkit-box-shadow:0 0 0 1000px white inset !important; }
*{outline: 0;}
.clear:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.clear{zoom:1;}
.fl{float:left;}
.fr{float:right;}
.w1200{width:1200px; margin: 0 auto; position: relative;}

.login{width: 100%; }
.login .header{background: #fff; padding: 16px 0;}
.login .header a{display: block; height: 60px;}
.login .header a img{height: 100%;}
.login .login_con{height: 768px; background: #f3f4f7;}
.login .loginImg{margin: 136px 0 0 96px;}
.login .input{width: 370px; height: 626px; padding: 0 53px; margin: 58px 60px 0 0; background: url(/static22/images/login_bg.png); float: right;}
.login .input h3{font-size: 30px; color: #A646CC; padding: 58px 0 56px; letter-spacing: 1px; text-align: center;}
.login .input p{border: 1px solid #eaeaea; height: 46px; border-radius: 4px; margin-bottom: 30px; display: flex;}
.login .input .mb20{margin-bottom: 20px;}
.login .input select{border: 1px solid #eaeaea; height:42px; border-radius: 4px; margin-bottom: 20px; text-align: center; color: #757575; width: 100%; font-size: 15px; }
.login .input p i{display: block; width: 34px; height: 24px; margin: 11px 0; border-right:1px solid #eaeaea;}
.login .input p input[type="text"], input[type="Password"]{border: 0; text-indent: 10px; outline: 0; }
.login .input p.tel i{background: url(/static22/images/login_tel.png)no-repeat center center;}
.login .input p.yzm{position: relative;}
.login .input p.yzm i{background: url(/static22/images/login_yzm.png)no-repeat center center;}
.login .input p.setPwd i{background: url(/static22/images/login_pwd.png)no-repeat center center;}
.login .input input[type="submit"]{width: 100%; height: 46px; background: #A646CC; color: #fff; font-size: 22px; border-radius: 26px; border: 0; box-shadow: 0 3px 6px #f9c6c2;}
.login .input input[type="submit"]:hover{opacity: .9; cursor: pointer;}
.login .input .autologin{margin-bottom: 20px;}
.login .input .autologin input[type="checkbox"]{margin-right: 6px; position: relative; top: 1px;}
.login .input .autologin a{color: #A646CC;}
.login .input .autologin a:hover{text-decoration: underline;}
.login .input .agree{display: flex; margin-bottom: 20px;}
.login .input .agree input[type="checkbox"]{margin-right: 6px; position: relative; top: 3px;}
.login .input .agree a{color: #7cb2e5;}
.login .input .agree a:hover{text-decoration: underline;}
.login .input .getCode{width: 120px; height: 48px; color: #A646CC; font-size: 16px; float: right; background: #fff; border: 1px solid #eaeaea; border-radius: 4px; position: absolute; right: -1px; top: -1px;}
.login .input .getCode:hover{background: #A646CC; color: #fff; cursor: pointer;}
.login .input .aBotm{display: block; color: #A646CC; text-align: center; margin-top: 26px;}
.login .input .aBotm:hover{text-decoration: underline;}


@media (max-width:768px) {
	html, body{min-width: auto; background: #fff;}
	.login{width: 100%; height: 100%;}
	.login .w1200{width: 100%;}
	.login .header{padding: 46px 0 36px;}
	.login .header a{text-align: center;}
	.login .login_con{height: auto; background: #fff;}
	.login .input{float: none; background: #fff; width: 92%; height: auto; padding: 0; margin: 0 auto;}
	.login .input .getCode{border-color: #e2e2e2}
	.login .input p{border-color: #e2e2e2;}
	.login .loginImg{display: none;}
	.login .input h3{display: none;}
	.footer{display: none;}
}