@charset "utf-8";
@import url("font-awesome.css");
@import url("global.css");
@import url("bootstrap.css");
@import url("animate.css");
/* 登录页  */
body,h1,h2,h3,h4,h5,h6,p,span,ul,li,dl,dt,dd,div{margin:0;padding:0;font-family:Microsoft Yahei, "微软雅黑";}
ul,li,dl,dt,dd{list-style:none;margin:0;padding:0;}
i,em{font-style: normal;font-weight: normal;}
a{color:#333;}
a:hover{color:#4a86cf;}
a,a:hover{text-decoration: none;outline: none;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
.bg-body{background: #f9f9f9}
input:focus{ border:1px #ca0a15 solid;}

/*header部分*/
.login-header{width:100%;background: #fff;}
.header{width:1200px;height:70px; background: #fff; margin:0 auto; overflow:hidden;}
.header-logo{margin-left:0px;margin-top:20px;color:#999;font-size: 16px;}
.header-logo img{float: left;}
.header-logo i{float:left;color:#999;margin:5px 8px 0px 3px;}
.header-logo span{color:#666;font-size: 22px;}

.titlelink ul{ }
.titlelink li{ float:left; margin-top:45px; margin-right:15px; display:inline; }
.titlelink a{ display:block; padding:5px 10px; background-color:#fff; color:#333; border:solid 1px #333; }
.titlelink a:hover{ color:#999; border-color:#999;}

.panelbg { background: url(images/act_banner.jpg) top center no-repeat;}
.logincontainer { width:1100px; margin:0 auto; overflow:hidden; position:relative;height:550px; }
.welcome { float:left; width: 530px;margin-top: 150px; margin-left: 50px;opacity: 0.5;}
.welcome h2{font-size: 28px;color:#fff;}
.welcome ul{margin-top:50px;float: left;}
.welcome ul li{font-size:18px;color:#fff;margin-bottom:25px;float: left;width: 100%; background: url(images/login_desc_icon.png) 0px 0px no-repeat;padding-left:35px;}
.welcome_active{transition: all 0.8s ease-in;margin-top: 130px; opacity: 1;}
.LoginMain { float:right; width: 360px;margin-top:85px; height:350px; background-color: #fff; border-radius: 4px; box-shadow: 0 1px 3px rgba(34,25,25,.4); overflow: hidden;}

.LoginMain ul{width:100%;height:45px; line-height: 45px; border-bottom:1px solid #dbdbdb; background: #f9f9f9;}
.LoginMain ul li{float:left;width:100px; text-align: center;margin:0px 40px;height: 45px;}
.LoginMain ul li a{font-size:16px;color:#777;}
.LoginMain ul li.selected{ border-bottom: 2px #ca0a15 solid;}
.LoginMain ul li.selected a{color:#ca0a15;font-weight: 600;}
#typeList{width:auto; margin:0 auto; margin-top:25px;float: left;margin-left:40px;}
.hide{display:none;}
#j_username{ background: url(images/login_user.png) 5px 6px no-repeat;}
#j_password_show{ background: url(images/login_lock.png) 5px 8px no-repeat;}
#j_checkcode{ background: url(images/login_code.png) 5px 9px no-repeat;}
.form-login .input-field input{height: 38px; line-height: 38px;width:275px; border:1px #dbdbdb solid;padding-left:30px;font-size: 12px;}
.form-login .input-field{float:left;margin-bottom: 15px; }
.form-login .input-field i.fa{color:#999;font-size: 16px; position: relative;z-index: 1000;bottom:-28px;left:10px;float: left;}
.form-login .input-field input:focus{border:1px #fdb336 solid; box-shadow:none;}
.content .alert { color:#f00; }
.formtitle { height:50px; line-height:50px; color:#777;}
.login-group { margin-bottom: 20px;}
.input-icon { }
.input-icon i { color: #ccc; display: block !important; position: absolute !important; z-index: 1; margin: 9px 2px 4px 10px; width: 16px; height: 16px; border1: 1px solid #ddd; font-size: 16px; text-align: center;}
.input-icon input { padding-left: 33px !important; display: inline-block; height: 22px; padding: 4px 6px; font-size: 14px; line-height: 22px; vertical-align: middle;}
.input-icon select { padding-left: 33px !important; display: inline-block; height: 34px; padding: 4px 6px; font-size: 14px; line-height: 34px; vertical-align: middle; background-color:#f1f1f1;}

.Verifycode img{float:left;height:35px;margin-left:15px;}
.content .username-w  { width: 200px;}
.content .password-w  { width: 200px;}
.content .username-k  { width: 100%;}
.content .checkcode-w { width: 125px;}
.form-actions{margin-top:15px;float: left;}
.form-actions .btn { display: inline-block; width:275px; padding: 10px 12px; font-size: 16px; line-height: 22px; color: #fff; text-align: center; vertical-align: middle; cursor: pointer; background-color: #008cd6; }
.form-actions .btn:hover,
.form-actions .btn:focus,
.form-actions .btn:active,
.form-actions .btn.active {
  color: #fff;
  background-color: #0078b8;
}

.formbottom { text-align:right; font-size:13px; font-weight:700; height:40px; line-height:40px; color:#777; }
.login-weixin{ float:left; margin-left:30px; background: #fff; padding: 8px; width:100px;}
.login-weixin p{ text-align: center; font-size:10px; color:#777; }

.introcontainer { width:1200px; border-bottom: solid 1px #ccc; margin:0 auto; padding:20px 0;  overflow:hidden;display: none;}
.introcontainer .intro-cell { float:left; width:345px;margin-left:25px; margin-right:25px;}
.introcontainer .intro-icon { float:left; width:60px; height:60px; line-height: 60px; background: #f8ac59; border-radius:45px; text-align: center;font-size: 30px;color:#fff;margin-right: 15px;margin-top:10px;}

.introcontainer .intro-icon.icon1 { background-position: 0 0; }
.introcontainer .intro-icon.icon2 { background-position: -200px 0; }
.introcontainer .intro-icon.icon3 { background-position: -400px 0; }
.introcontainer h3 { line-height:30px; font-size:15px; color:#555; }
.introcontainer p { line-height:25px;height:50px; overflow: hidden;font-size:13px; color:#777; }

.LoginBottom { height:30px; line-height:30px; margin-top:20px; width:100%; color:#777; text-align:center; }
.form-login{float:left;margin-top:10px;}
.form-login-ca .input-field select{width:260px;height:35px;margin-bottom: 20px;}
.input-field-ca{color:#666;margin-top:10px;float: left;width:275px;}