/*created by Helen */ 

*{ padding:0; margin:0;}
body {font-family:"Microsoft YaHei","SimSun"; border:none; font-size:12px;color:#666; }
input,select,button,textarea{ border:none;  outline:none;}
table,tr,td,th{margin:0; padding:0; }
table {border-collapse:collapse;border-spacing:0;}
ol,li{ list-style-type:none;}
i{font-style:normal;}
img{ border:0;}
a{text-decoration:none;outline:none;font-size:13px;}
a:hover,a:focus{outline:none;text-decoration:none;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0; line-height:0;}
.clearfix{display:inline-table;}
* html .clearfix{height:1%;}
.clearfix{display:block;}
.left{float:left}
.right{float:right}

.login_bg{ background:url("/ecitizenzztsldcom/static/image/images/bg.jpg") no-repeat top center; background-size:cover;}
.lg_header{ padding:10px 0;}
.lg_cont{ 
    height:600px;
/*    background:#0162d5;
    background: -webkit-linear-gradient(left top, #04afe0 , #0162d5);
    background: -moz-linear-gradient(bottom right, #04afe0 , #0162d5);
    background: linear-gradient(to bottom right, #04afe0 , #0162d5);*/
    background:url("/ecitizenzztsldcom/static/image/user/banner.png") no-repeat top center;
    background-size:cover;
}
.container{width: 1000px; margin: 0 auto;}
.lg_footer{ text-align:center; color:#666666; padding:30px 0 0px 0px; font-size:14px; line-height:30px;}
.lg_footer a{ color:#666}
.lg_footer .other_info{ margin-bottom:10px}
.lg_footer .f_nav a{ margin:0px 10px}
.lg_footer .f_link a{ margin:0 10px}
.lg_footer .other_info span{ margin:0px}
.f_suggest a{color:#1089f3;}
.carousel-inner{ height:600px;padding: 80px 0;}
.lg_carousel-indicators{ position:relative; margin-left:-20px }
.lg_carousel-indicators li{ width:20px; height:20px; background:#fff; margin-right:20px;}
.lg_carousel-indicators .active{ width:20px; height:20px;margin-right:20px; background:#62a6e3; border:2px solid #fff;}

.col-xs-7 {width: 500px;}
.lg_panel_box{padding:100px 0px 0 170px;width: 500px;}
.lg_panel_box .lg_tit{color: #3c3c3c; font-size: 16px;font-weight: 700;height: 28px;line-height: 28px;margin: 0px;}
.panel-default{border:none;}
.panel {color:#6c6c6c;margin: 0px;border-radius: 2px;}
.panel-body{padding: 15px 25px 0 25px;}
/*.form_border{ border:1px solid #ccc; padding:0 10px; border-radius:0px; margin-bottom:16px}*/
.form-login{margin-top: 10px;}
.form-group a.link {color: #666666;font-size: 14px;}
.form-group a.link:hover{color:#1089f3;}
.form-group{ position:relative;margin-bottom:22px;}
.form-group:last-child{ border:none}
.form-group input[type=text],.form-group input[type=password]{ font-size:14px; color:#666; height:40px; line-height:40px; padding:0 0 0 40px; border:none; box-shadow:none;border:1px solid #dddddd;border-radius: 2px;}
/*.form-group input[type=checkbox]{margin:0px;}*/
.form-group .icon{ position:absolute; left:10px; top:10px}
.mb5{margin-bottom: 5px;}
.form-control.error{border:1px solid #e4393c;}
.form_border .form-left{ width:60%; float:left} 
.form_border .form-right{width:35%; text-align:right;float:right;}
.form_border .code_img{ width:99px; height:40px; margin-top:0px; border:1px solid #ccc;cursor:pointer;border-radius: 2px;}
.form_border .change_img{ color:#666; margin-left:10px; display:block; float:left; line-height:60px;}
.lg_btn{ padding:5px 16px; background:#1089f3; color:#fff; font-size:18px;}
.btn-primary{ background:#1089f3; }
.code-btn:hover,.code-btn:focus,.lg_btn:hover,.lg_btn:focus{ color:#fff;}
.code-btn{ padding:0px; background:#1089f3; color:#fff; font-size:14px;height: 40px;line-height: 40px;text-align: center;}
.switch-menu {line-height:40px;font-size:16px;}
.switch .inactive {background:#fff;color:#8f8f97;border: 1px solid #ccc;}
.inactive:hover{color:#000;}

.login-msg.error {
    border: 1px solid #faccc6;
    background-color: #ffebeb;
    border-radius: 2px;
    color: #e4393c;
}
.login-msg .icon{top:1px;left: 3px;color: #e4393c;font-size: 16px;margin-right: 5px;}
.login-msg {
    background: #fef2f2 none repeat scroll 0 0;
    border: 1px solid;
    height: 28px;
    line-height: 28px;
    padding: 0 0 0 5px;
    overflow: hidden;
}

/*popover 错误信息*/
form label.error{
    color: #e4393c;
    height: auto;
    line-height: 15px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: normal;
}
.err-popover-content{
}
.err-popover-content .icon{top:1px;left: 5px;color: #e4393c;font-size: 16px; }
.err-popover-out{
    position: absolute;
    bottom: -20px;
    width: 100%;
}
.err-popover{
    display: none;
    position: relative;
    padding: 0;
}
.err-popover.active{
    display: inline-block;
}

/*popover end*/
/* moblie style*/
@media (max-width: 1000px) {
	form label.error{color:#CF404E;}
	.container{ width:100%; padding:0;}
	body{ background:#0162d5; !important;}
	.lg_header{ text-align:center;padding:7px 0px;background: #ffffff;}
    .lg_header img{height: 30px;}
	.lg_cont{padding: 20px 0px;height: auto;background:#0162d5;}
	.lg_cont>.container>.row>.col-xs-7{ display:none}
	.lg_panel_box{ width:100%;padding:0px 150px;}
    .form_border .code_img{width: 120px;}
	.lg_footer{ padding:0;color: #ffffff;font-size: 12px;}
	.lg_footer,.lg_footer a{ color:#ffffff;}
	.lg_footer .f_nav a{ margin:0 10px;font-size: 12px;}
     .lg_footer .other_info span{ display:block}
	.lg_footer .f_link,.f_suggest{ display:none}

}
@media (max-width: 640px) {
    .form_border .code_img{width: 88px;}
	.lg_header img{ max-width:180px;}
    .lg_panel_box{padding:0px 10px;}
	.lg_panel_box .lg_tit{font-size:18px;margin:0px 0px 15px 0;}
	.lg_btn strong {font-size:20px;font-weight:normal;}
}