@charset "utf-8";
/*--------------------基本样式-------------------*/
.right{float:right !important;}
.row {float:left; width:100%;}
.left{float:left !important;}
.clear{clear:both;}
.margin_top_17{margin-top: 17px;}


body{
	background-color: #0aa1d4;
	box-sizing: border-box;
}
/*------------内容页头部 开始---------------*/
.header_xc{
width: 100%;
height: 80px;
position: relative;
z-index: 100;
background-color:#ffffff;
border-bottom:1px solid #e0e0e0
}
.header_xc_space{
width: 1200px;
height: 80px;
margin: 0 auto;
background-position: 100% 0;
position:relative;
line-height:80px;
}
.header_xc_logo{
float: left;
height: 80px;
margin: 0;
}
.loginpage_head_line {
float: left;
background: url(../images/xc_line.png) no-repeat scroll 0 0 transparent;
width: 12px;
height: 24px;
margin: 29px 0 0 0;
}
.loginpage_head_txt {
float: left;
height: 79px;
line-height: 81px;
margin: 0 0 0 10px;
color: #666666;
font-size: 18px;
}
/*------------内容页头部 结束---------------*/

/*------------脚部 开始--------------*/
#footer{
background-color: #FFFFFF;
width: 100%;
height: 78px;
padding: 0 0 0 0;
position:fixed;
bottom: 0;
left:0;
border-top:1px solid #c7c7c7;
}
#footer-mobile{
	display:none;
}
.footer-inside-bar {
width: 1200px;
height: 78px;
clear: both;
margin: auto; background-color: #ffffff;
}
.footer_bar{
	float:left;
	margin-top:3px;
	width: 1200px;
    text-align: center;
	}
.foot_line{
	float:left;
	margin:0 9px 0 0;
	line-height:18px;
	*line-height:16px;
	}
/*------------脚部 结束--------------*/

/* 登录页 开始 */

.mid_container{
width: 100%;
float:left;
}
.mid_container_content{
width: 100%;
min-width: 1000px;
height: 515px;
margin: 0 auto;
}
.container_space{
width: 1200px;
margin: 0 auto;
}
.content_login_box{
float: right;
width: 295px;
border: 1px solid #dedede;
border-radius: 4px;
margin: 30px 10px 0 0;
background-color:#fff;
}
.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 18px;
}
.form-signin .checkbox {
  font-weight: normal;
    top: 0px;
    left: 0px;
    width: 263px;
}
.form-signin .checkbox span {
  font-size:12px; color:#676A6C;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
  padding-left:30px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="name"] {
  margin-bottom: 15px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.form-signin input[type="icode"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.username{

	background: url(../images/person.png) 10px 0 no-repeat;
}
.password{

	background: url(../images/passwordlock.png) 10px 0 no-repeat;
}

.code_left{	background: url(../images/passwordlock.png) 10px 0 no-repeat;}
.code{ height: 50px; margin-bottom: 10px; clear:both}
.code_left{  position: relative; float:left;  height: auto; padding: 10px; font-size: 16px; padding-left:10px; width:48%; margin-right:10px;}

/*登陆结束*/

/*图*/
.login_banner{
	float:left;
	width:807px;
	height:auto!important;
	margin-top:20px;
	padding-bottom:20px;
}
/*.login_box_title .name{
	display:none;
	font-size: 14px;
	color:#999;
}*/
.footer-mobile{display:none;}
.swiper-pagination-bullet-active{
	background-color:#7a7a7a!important;
}
@media screen and (max-width:1400px){
	#footer{
		float: left;
		position: static!important;
	}
}
@media screen and (max-width:1230px){
	.header_xc_space{
		width: 100%;
	}
	.header_xc_logo{margin-left:10px;}
	.header_01_help{
		margin-right:20px;
	}
	#footer{
		float: left;
		width: 100%;
		margin-top:40px; 
	}
	.footer-inside-bar{
		width: 100%;
	}
	.footer_bar{
		margin-left:10px;
	}
	.footer-inside-bar .right{
		margin-right:10px;
	}
	
	.content_login_box{
		margin-right:20px;
	}
	.container_space{
		width: 100%;
	}
}
@media screen and (max-width:1157px){
	.login_banner{
		max-width:710px;
		margin-left:-20px;
	}
	.login_banner img{
		max-width:710px;
		height:auto;
	}
	.header_xc_space{
		background:none;
	}
	.content_login_box{
		/*margin-top:60px;*/
	}
}
@media screen and (max-width:1023px){
	.header_xc{height:101px;}
	.letter,.loginpage-letter,.header_01_help,
	.loginpage_head_line,.loginpage_head_txt,.login_banner,
	.login_box_tab,.login_box_down,.footer_bar,.footer-inside-bar .right{display: none;}
	.header_xc_space{height:101px;}
	.header_xc_logo{margin-left:calc((100% - 378px) / 2);margin-top:20px;}
	.content_login_box{/*padding-bottom:56px;*/margin:20px 10px 0;float: left;width:calc(100% - 30px);border-radius:6px;}
	.footer-mobile{display:block;}
	#footer{height:41px;margin-top: 40px;background:none;border:none;}
	.footer-inside-bar{height:41px;}
	.footer-mobile{width: 100%;text-align:center;line-height:41px;}
}
@media (min-width:375px @screen-sm-min) and (max-width:768px @screen-sm-max){
	.header_xc{height:101px;}
	.letter,.loginpage-letter,.header_01_help,
	.loginpage_head_line,.loginpage_head_txt,.login_banner,
	.login_box_tab,.login_box_down,.footer_bar,.footer-inside-bar .right{display: none;}
	.header_xc_space{height:101px;}
	.header_xc_logo{margin-left:calc((100% - 375px) / 2);margin-top:20px;}
	.content_login_box{/*padding-bottom:56px;*/margin:20px 10px 0;float: left;width:calc(100% - 30px);border-radius:6px;}
	.footer-mobile{display:block;}
	#footer{height:41px;margin-top: 40px;background:none;border:none;}
	.footer-inside-bar{height:41px;}
	.footer-mobile{width: 100%;text-align:center;line-height:41px;}
}