@charset "utf-8";
/* login start */
.login_web{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #057BC5;
}
.login_web .login_web_z{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	background: #fff;
	border-radius: 5px;
	padding: 10px;
	width: 50%;
	height: 50%;
}
.login_web .login_web_z .log_layout{
	width: 100%;
	height: 100%;
}
.login_web .login_web_z .log_layout .log_left{
	float: left;
	width: 40%;
	height: 100%;
}
.login_web .login_web_z .log_layout .log_left .log_form{
	border: 1px solid #ddd;
	border-radius: 2px;
	margin-top: 10px;
}
.login_web .login_web_z .log_layout .log_left .log_form .log_inp{
	border-bottom: 1px solid #ddd;
	display: block;
	width: 100%;
	height: 100%;
}
.login_web .login_web_z .log_layout .log_left .log_form .log_inp:last-child{
	border: none;
}
.login_web .login_web_z .log_layout .log_left .log_form .log_inp>input{
	display: block;
	width: 100%;
	height: 38px;
	line-height: 38px;
	outline: none;
	font-size: 16px;
	color: #222;
	box-sizing: border-box;
}
.login_web .login_web_z .log_layout .log_left .log_form .log_inp .Acc{
	background-image: url(../images/pic/Acc.png);
    background-repeat: no-repeat;
    background-position:  5px center;
    padding-left: 26px;
}
.login_web .login_web_z .log_layout .log_left .log_form .log_inp .Pas{
	background-image: url(../images/pic/Pas.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    padding-left: 26px;
}
.login_web .login_web_z .log_layout .log_left .log_submi{
	display: block;
	width: 100%;
	height: 38px;
	line-height: 38px;
	outline: none;
	font-size: 16px;
	background: #057BC5;
	color: #fff;
	cursor: pointer;
	box-sizing: border-box;
	border-radius: 2px;
}
.login_web .login_web_z .log_layout .log_right{
	float: right;
	width: 60%;
	height: 100%;
}
/* login end */


/* guide start */
.guide_web{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
}
.guide_web .guide_layout{
	background: #F2FAFF;
	text-align: center;
	padding: 50px 0;
	position: relative;
}
.guide_web .guide_layout .guide_nav{
	text-align: center;
	display: block;
}
.guide_web .guide_layout .guide_nav .nav_css{
	margin: 40px 130px 0;
	display: inline-block;
}
.guide_web .guide_layout .guide_nav .nav_list{
	border-radius: 50%;
	box-sizing: border-box;
	display: block;
	margin-bottom: 10px;	
}
.guide_web .guide_layout .guide_nav .nav_css:nth-child(1) .nav_list{
	background: #326DD0;
}
.guide_web .guide_layout .guide_nav .nav_css:nth-child(2) .nav_list{
	background: #32A9D0;
}
.guide_web .guide_layout .guide_nav .nav_css:nth-child(3) .nav_list{
	background: #F05A46;
}
/* uide end */