@charset "utf-8";
/* Reset css*/
*{font-size:12px}
html{margin:0;padding:0}
body{background-color:#f5f5f5;color:#b5b5b5;font-family:"微软雅黑","宋体",arial;font-size:12px;font-style:normal;margin:0;padding:0;
background-image: url(../images/login_bg.svg);
    background-repeat: no-repeat;
    background-position: center 110px;
    background-size: 100%;
    overflow: hidden;}
/*普通连接*/
a{color:#b5b5b5;cursor:pointer;text-decoration:none}
a:hover{color:#c1272d}
h1,h2,h3,h4,h5,h6,form,div,p,i,img,ul,li,ol,table,tr,td,dl,dt,dd,fieldset,label,legend{margin:0;padding:0}
ul li{list-style:none}
fieldset,img,table{border:none}
td{font-size:12px;line-height:180%}
form{margin:0px;padding:0px}
*:focus{outline:none}
.clear{clear:both}
.hide{display:block;overflow:hidden;}
/*主体部分*/
.main{
	min-width:1200px;
    margin: 0 auto;
}
.header{	
	margin:123px auto 0;
	width:330px;
	height:41px
}
/*中部内容部分*/
.content{	
    position: absolute;
    top:30%;
    left: 50%;
    margin-left: -210px;
    width: 420px;
    height: 300px;
    background: #fff;
    border: 1px solid #eee;
}
.title{
	margin:0 auto;
	width:230px;
	height:36px;
    line-height: 36px;
	padding-top: 40px;
    padding-bottom: 25px;
    text-align: center; 
    color: #4fa7f9; 
    
}
.login_service {    
    font-size:32px;       
}

.input{
	margin:0 auto 11px;
	width:237px
}
.input_all{
	border:none;
	color:#555;
	font-size:14px;
	line-height:30px;
	padding:10px 0 10px 46px;
	vertical-align:middle;
	width:237px;
	height:30px
}
.name{
	background:url("../images/input_name.png") no-repeat top left
}
.name_now{
	background:url("../images/input_name_hover.png") no-repeat top left
}
.password{
	background:url("../images/input_password.png") no-repeat top left
}
.password_now{
	background:url("../images/input_password_hover.png") no-repeat top left
}
.enter{
    margin:0 auto;
	width:230px;
	margin-top:15px;
    background: -webkit-gradient(linear, left top, right top, from(#57b4f7), to(#3174ff));
    background: linear-gradient(to right, #57b4f7, #3174ff);    
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    border-radius: 18px;
}
.button{	
	border:none;
	cursor:pointer;
	margin:0 auto;
	width:150px;
	height:36px;
    background: none;
    line-height: 36px;
    text-align: center;
    font-size: 18px;
    color: #fff;
}
.checkbox{
	font-size:12px;
	margin:0 auto;
	width:237px;
	height:30px
}
.checkbox input{
	display:block;
	float:left;
	margin-right:4px
}
.checkbox span{
	display:block;
	float:left;
	height:20px;
	line-height:20px;
	*line-height:22px
}

.download{margin:20px 33px 10px;*margin-bottom:30px;padding:5px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;background:#e6e6e6;border:1px dashed #df0031;font-size:14px;font-family:Comic Sans MS;font-weight:bolder;color:#555}
.download a{padding-left:5px;font-size:14px;font-weight:normal;color:#555;text-decoration:none;letter-spacing:1px}
.download a:hover{text-decoration:underline;color:#36F}
.download span{float:right}
.header{
	font-weight:bold;
	font-size:2em;
	text-indent:2em;
	line-height:41px;
	color:#FFF;
}