body{
	padding:0;
	margin:0;
}
.container{
	width: 100%;
	height: 100%;
}
 .header{
 display: block;
    /* background: rgba(0, 0, 0, 0) url("") no-repeat scroll 4px 0; */
    border-top:solid 10px #04B4AE;
    height: 80px;
    margin: 0 auto;
} 
.header .logo{width:50px; height:50px; margin-top:10px; float:left}
.header .logo img{display:block;width:100%;height:100%;}
.header .name{padding-left:70px; line-height:70px; font-size:23px; font-weight:600; color:#666666}
#main {
	height:562px;
	 margin: 0 auto;
	background: #3989DE url("../img/banner.jpg") no-repeat ;
    
}
#main .andriod-bg{
    position: absolute;
    display: block;
    margin: 0 auto;
    top: 70%;
    left: 200px;
    width: 200px;
    height: 200px;
	background:  url("../img/andriod.png") no-repeat scroll 4px 0;
	background-color:transparent;
}
#main .ios-bg{
    position: absolute;
    display: block;
    margin: 0 auto;
    top: 70%;
    left: 360px;
    width: 200px;
    height: 200px;
	background:  url("../img/IOS.png") no-repeat scroll 4px 0;
	background-color:transparent;
}





 

 #footer {
 	width:100%; 
 	height:318px; 
 	 margin: 0 auto;
 	max-width:100%; 
 	max-height:100%;
    /*  background: url("../img/footer.jpg") no-repeat ;  */
} 

/* #footer .copyright span {
    color: #bec6d5;
    display: block;
    padding: 12px 0 12px;
    text-align: center;
    width: 680px;
    font-size: 12px;
} */
.nrsApp{
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    background: linear-gradient(to bottom, #BDC3C7 0%, #BDC3C7 100%);
    background-color:#e2e2e2;
    background-repeat: repeat-x;
    height:50px;
}

    #appdowload-wraper{
  -webkit-border-top-left-radius: 10px;
  -moz-border-top-left-radius: 10px;
  -ms-border-top-left-radius: 10px;
  -o-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-top-right-radius: 10px;
  -ms-border-top-right-radius: 10px;
  -o-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
  position: absolute;
  top: 50%;
  right: 10%;
  margin-top: -165px;
  width: 360px;
  height:300px;
  display:none;
  background-color:#ECF0F1;
  text-align: center;
    }
    #login-wraper {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  position: absolute;
  opacity:0.9;
  top: 160px;
  right: 12%;
  display: block;
  width: 360px;
  height:322px;
  background: white;
  text-align: center;
}
.login-form{
    padding:25px 23px 13px;
    background-color:#f0f0f0;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
}
.yanzhengma{
	
	padding:20px 0px 20px 41px;
}
.ma{
	position: absolute;
	top:26px;
	left: 225px;
}
.yanzhengma input{
	width: 180px !important;
	border-radius: 0;
}
/* line 97, ../sass/typica-login.scss */
.login-form legend {
  /*margin-top: 5px;
  
  padding-bottom: 25px;*/
  margin-bottom: 30px;
}
/* line 102, ../sass/typica-login.scss */
.login-form .body {
  border-bottom: 1px solid #eeeeee;
}
/* line 106, ../sass/typica-login.scss */
.login-form .footer {
  margin-top: 20px;
}
/* line 108, ../sass/typica-login.scss */
.login-form .footer .checkbox.inline {
  display: inline;
}
/* line 110, ../sass/typica-login.scss */
.login-form .footer .checkbox.inline input[type="checkbox"] {
  float: none;
  margin-top: -4px;
}
/* line 115, ../sass/typica-login.scss */
.login-form .footer .btn {
  padding: 7px 25px;
}
.input-group {
    border-collapse: separate;
    display: table;
    position: relative;
    
}
*{
	box-sizing:border-box;
}
.input-group-addon {
    background-color: #eee;
    border: 1px solid #ccc;
    border-right-width:0 ;
    border-radius: 4px;
    border-bottom-right-radius: 0;
    border-top-right-radius:0;
    color: #555;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    padding: 6px 12px;
    text-align: center;
}
.input-group-addon, .input-group-btn {
    vertical-align: middle;
    white-space: nowrap;
    width: 1%;
}
.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell;
}
.glyphicon {
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    position: relative;
    top: 1px;
}
.glyphicon {
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    position: relative;
    top: 1px;
}
.glyphicon-user{
	width:16px;
	height:15px;
	background:url(../img/user.png);
	opacity: 0.8;
}
.glyphicon-lock{
	margin:0 2px;
	width:12px;
	height:15px;
	background: url(../img/lock.png);
	opacity: 0.8;
}
.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    font-size: 14px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    margin: inherit;
}
.form-control:focus {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}
.btn-primary {
    background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
    background-repeat: repeat-x;
    border-color: #245580;
}
.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.btn-block {
    display: block;
    width: 100%;
}
.btn-primary {
    background-color: #337ab7;
    border-color: #2e6da4;
    color: #fff;
}
.btn {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
#footer-panels{
	width:1000px;
	margin: 0 auto;
}

.clear {
    clear: both;
}
#footer-panels .panel-wrap {
    float: left;
    width: 250px;
    text-align: center;
}