ul,li,ol,dl,dt,dd{list-style: none; }
a,a:hover{text-decoration: none;}
*{padding:0;margin:0;}
b{font-weight: normal;}
body { font-family:"Microsoft Yahei",Helvetica,"苹方","Hiragino Sans GB",sans-serif;font-size:1.4rem;background-color:#fff;}
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {margin: 0;padding: 0;font-weight:normal;}
img {border: 0 none;}
i,em{font-style:normal;}
ul, li { list-style-type: none; }


.login_bgc{
	height:100%;
	width:100%;
	/*background-image:url(../img/login_bg.jpg);*/
	/*background-repeat: no-repeat;*/
	background-size: 100%;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	background: #000000d6;
}
.login_bgc .element{
	width:1780px;
	height:936px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	background:url(../img/element.png) no-repeat center;
}
.login_bgc .element .dingzhi{
	width:1110px;
	margin:0 auto;
	font-size:30px;
	color:#fff;
	/*line-height: 63px;*/
	/*margin-top:20px;*/
	position: fixed;
    top: 12%;
    left: 15%;
	line-height: 90px;
}
.login_bgc .element .dingzhi b{
	display: inline-block;
	width:63px;
	height:63px;
	background:url(../img/comon.png) no-repeat -938px -128px;
	float:left;
	/*margin-right:15px;*/
}
.login_bgc .element .contant{
	width:600px;
	height:350px;
	position:absolute;
	top:51%;
	left:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	/*background: #ddd;*/
}
.login_bgc .element .contant>p{
	width: 900px;
	height: 16px;
	font-family: MicrosoftYaHei-Bold;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-weight: bold;
	letter-spacing: 0px;
	color: #ffffff;
	text-align: center;
	margin-top:18px;
	float: left;
}
.login_bgc .element .contant .contant_left{
	float:left;
	width:300px;
	background:rgba(255,255,255,.5);
	height:500px;
	padding:0 0 0 70px;
}
.login_bgc .element .contant .contant_left h1{
	line-height: 26px;
	letter-spacing: 1px;
	font-size:30px;
	color:#fff;
	font-family: YouYuan;
	
}
.login_bgc .element .contant .contant_left h1:first-child{
	margin-top:70px;
}
.login_bgc .element .contant .contant_left h1:nth-child(2){
	margin-top:30px;
	margin-bottom: 30px;
}
.login_bgc .element .contant .contant_left p{

	font-family: YouYuan;
	font-size: 18px;

	line-height: 24px;
	letter-spacing: 0px;
	color: #000000;
}
.login_bgc .element .contant .contant_left p:last-child{
	margin-top:27px;
}
.login_bgc .element .contant .contant_right{
	width:600px;
	float:right;
	background-color:#fff;
	height:350px;

	border-radius: 10px;
}
.login_bgc .element .contant .contant_right h2{
	font-family: MicrosoftYaHei;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0px;
	
	overflow: hidden;
	margin-top:50px;
}
.login_bgc .element .contant .contant_right h2 a{
	display: inline-block;
	width:165px;
	float:left;
	text-align: center;
	color: #333333;
}
.login_bgc .element .contant .contant_right h2 a.active{
	color: #226de7;
}
.login_bgc .element .contant .contant_right h2 a:hover{
	cursor:pointer;
	color: #226de7;
}
.login_bgc .element .contant .contant_right .weixin{
	margin-top:20px;
}
.login_bgc .element .contant .contant_right .weixin div{
	width:293px;
	height:293px;	
	margin:0 auto;
}
.login_bgc .element .contant .contant_right .weixin div img{
	width:100%;
}
.login_bgc .element .contant .contant_right .weixin p{
	
	width:200px;
	margin:0 auto;
	margin-top:20px;
	line-height: 26px;
	height: 26px;
	background-color: #959595;
	border-radius: 13px;
		font-size: 14px;
	text-align: center;
	color: #ffffff;
}
.login_bgc .element .contant .contant_right .code form>input{
	width:264px;
	height:44px;
	margin:0 auto;
	display: block;
	background-color:#f7f7f7;
	border:1px solid #dcdcdc;
	border-radius: 5px;
	margin-top:16px;
	padding-left:10px;
}
.login_bgc .element .contant .contant_right .code .choose_code{
	width:272px;
	height:44px;
	margin:0 auto;
	margin-top:16px;
}
.login_bgc .element .contant .contant_right .code .choose_code input{
	width:138px;
	float:left;
		background-color:#f7f7f7;
	border:1px solid #dcdcdc;
	border-radius: 5px;
	height:44px;
	padding-left:10px;
}
.login_bgc .element .contant .contant_right .code .choose_code a{
	display:inline-block;
	width:104px;
	float:right;
	height: 44px;
	background-color: #f7f7f7;
	border-radius: 5px;
	border: solid 1px #dcdcdc;
}

.login_bgc .element .contant .contant_right .code .choose_code a img{
	width:100%;
	height: 44px;
}
.login_bgc .element .contant .contant_right .code .login{
	height:50px;
	width:400px;
	margin:0 auto;
	margin-top:35px;
	
}
.login_bgc .element .contant .contant_right .code .login button{
	background-color: #226de7;
	border-radius: 5px;
	height:50px;
	width:400px;
	font-family: MicrosoftYaHei-Bold;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0px;
	color: #ffffff;
	border:none;
	margin: 0 auto;
}
.title h1{
	text-align: center;
	z-index: 1000;
	position: absolute;
	top: 200px;
	font-weight: 800;
	line-height: 100px;
}
.user,.password{
	width: 400px;
	box-sizing: border-box;
	margin: 0 auto;
	height: 50px;
	margin-bottom: 35px;
	display: flex;
}
.user input, .password input{
	text-indent: 1rem;
	/*position: relative;*/
	border-left: none;
	border: 1px solid #999;
	/*border-radius: 5px;*/
	font-size: 16px;
	outline: none;
	box-sizing: border-box;
	height: 50px;
	/*margin-bottom: 20px;*/
	width: 350px;
	border-radius: 3px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.password span,.user span{
	/*margin-top: 2px;*/
	border-radius: 3px;
border-top-right-radius: 0;
	border-bottom-right-radius: 0;

	/*position: absolute;*/
	box-sizing: border-box;
	width: 50px;
	height: 50px;
	display: inline-block;
	text-align: center;
	line-height: 50px;
	font-size: 22px;
	border: 1px solid #999;
	border-right: none;
	/*border-radius: 5px;*/
}