@charset "utf-8";
/* CSS Document */
body{ font-size:14px; color:#666; font-family:Arial, Helvetica, sans-serif; line-height:30px;text-transform:capitalize;}
*{ margin:0px; padding:0px;}
ul,li,ol{ list-style:none;}
ul,li,ol,p,h1,h2,h3,h4,h5,h6,p{ margin:0px; padding:0px;}
em,i{ font-style:normal;}
a{color:#666; text-decoration:none; outline:none; cursor:pointer;}
a:hover{color:#666; text-decoration:none;}

.login-header{ padding:30px 0;}
.login-header h1 em{ font-size:30px; font-weight:normal; margin-left:20px; font-weight:100; color:#666; display:none;}
.login-header .logo{ display:inline-block; float:left;}
.reg-header{/* background:url(../images/headbg.jpg) left bottom repeat-x;*/ padding-bottom:40px; border-bottom:solid 1px #ddd;}
.login-btn{ display:inline-block; float:right; font-size:18px; padding-top:20px;}
.login-footer{ padding:30px 0; text-align:center;}
.login-footer p{ line-height:45px;}
.login-footer p a{ padding:0 20px; position:relative;}
.login-footer p a:after{ content:''; display:inline-block;position:absolute; right:0px; top:5px; bottom:5px; background:#ddd; width:1px;}
.login-footer p a:last-child:after{ display:none;}
.banner{ position:relative;}
.form{ position:absolute; left:0; top:110px; right:0px; bottom:0px;}
.login-box h6{ font-size:18px; color:#444; text-align:center; font-weight:400; margin-bottom:20px;}
.login-box{width:400px; padding:20px 30px; float:right; background:#fff; color:#2A3F54;/*box-shadow: 0 0 10px #ddd; border:1px solid #ddd;*/}
.login-box li{ padding:6px 0; line-height:46px;}
.login-box li p{ line-height:24px; color:#666;}
.login-box li p.title{ color:#333;}
.login-box li p a{ color:#3e82f1;}
.login-box li i{ margin-left:10px; font-style:normal;}
.login-box li input[type='text'],.login-box li input[type='password']{ line-height:24px; border:solid 1px #ddd; padding:10px 15px;overflow:hidden; width:100%;}
.login-box li input[type='text']:focus,.login-box li input[type='password']:focus{border-color: #66afe9;outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);}
#code{ max-height:44px; vertical-align:middle;width:100px; line-height:44px; border:solid 1px #ddd; margin-top:5px;}
.loginBtn{ border:none; outline:none; line-height:24px; padding:10px 0; background:#c81428; color:#fff;border-radius:5px; overflow:hidden; width:100%;}
a.regBtn{ color:#c81428;}
a.regBtn:hover{ color:#c81428;}

.reg-form.login-box{width:600px; margin:50px auto 20px; background:#fff; color:#2A3F54;/*box-shadow: 0 0 10px #ddd;*/ border:3px solid #ddd; float:none; padding:0;}
.reg-form.login-box h3{ border-bottom:solid 1px #ddd; padding:10px 50px; line-height:50px;}
.reg-form.login-box ul{ padding:10px 50px 50px 50px;}
.reg-form li div.input{ position:relative; padding-left:100px; border:solid 1px #ddd;}
.reg-form.login-box li input[type='text'],.reg-form.login-box li input[type='password']{border:solid 1px #ddd;outline:none; padding:10px 5px; border-radius:0px;}
.reg-form.login-box li input[type='text']:focus,.reg-form.login-box li input[type='password']:focus{border-color: #66afe9;outline: 0; -webkit-box-shadow:none;box-shadow:none;}
.login-box li label{display:inline-block; width:90px; text-align:center; margin-right:10px; margin-bottom:0px; font-weight:normal; position:absolute; left:0px; top:0px; line-height:46px; color:#000; background:#f2f2f2;}
.login-box li a{ color:#0029f9; padding-left:10px;}
.form-item-phonecode{ position:absolute; right:-2px; top:0px; bottom:0px;background: #ddd;}
.btn-phonecode{ border:none; outline:none;background: #ddd;color: #333;padding: 0; width:100%; line-height:42px;}
.login-box li p.tips{ height:18px; line-height:18px; font-size:12px; color:#c5c5c5; padding:0 5px;}
.sj{ display:none;}
@media (max-width:470px){
	input[type="text"],input[type="password"]{-webkit-appearance:none; /*去除input默认样式*/} 
	.sj{ display:block;}
	.form-item-phonecode{ background:none;}
	.reg-header{ background:none; }
	.login-header{ padding:10px 0 20px}
	.login-header10{ height:10px; background:#ececec;border-top:solid 1px #ddd; border-bottom:solid 1px #ddd;}
	.login-header .logo img{width:150px;}
	.login-header .logo em{ font-size:16px; display:inline-block; margin-left:15px; text-transform:uppercase; vertical-align:middle;}
	.reg-form.login-box{ width:100%;padding:10px; border:none; margin:0 auto; box-shadow:none; }
	.reg-form li div.input{ border-right:none; border-top:none; border-left:none;padding-left:0px;}
	.login-box li label{ display:none;}
	.tips{ height:auto;}
	.form-item-phonecode{ right:5px; top:0px;}
	.form-item-phonecode .btn-phonecode{ width:125px;}
	.login-footer{ padding:10px 0 0 0;}
	.login-footer .pc{ display:none;}
	.login-btn{ display:none;}
	.reg-form li:first-child div.input{ border-top:none;}
	.login-box li p.sj-login-btn{ text-align:center; line-height:30px; padding-top:10px;}
	#owl-demo-banner{ display:none !important;}
	.form{ position:relative; left:0px; right:0px; width:100%; top:auto;}
	.login-box{ width:100%; float:none; padding:10px 0; overflow:hidden;}
	.login-box h6{ display:none;}
	.login-box li input[type='text'], .login-box li input[type='password']{padding:10px 15px; outline:none; font-size:16px;}
	.banner{}
	.login-box li:last-child{ padding-top:20px;}
	.plabel{ text-align:center;}
	.reg-form.login-box h3{ font-size:18px; padding:0; line-height:30px;}
	.reg-form.login-box ul{ padding:10px 0;}
	}
@media (max-width:425px){
	.form-item-phonecode{ right:5px;}
	}
@media (max-width:375px){
	.form-item-phonecode{ right:22px;}
	
	}
@media (max-width:320px){
	.form-item-phonecode{ right:40px;}
	}