html, body {
	width: 100%;
	height: 100%
}
body {
	background: url(../images/loginbanner_ee236b1.jpg) no-repeat center center
}
@font-face {
	font-family: iconfont;
	src: url(/font/iconfont.eot);
	src: url(/font/iconfont.eot?#iefix) format('embedded-opentype'), url(/font/iconfont.woff) format('woff'), url(/font/iconfont.ttf) format('truetype'), url(/font/iconfont.svg#iconfont) format('svg')
}
.iconfont {
	font-family: iconfont!important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px;
	-moz-osx-font-smoothing: grayscale
}
.remdin {
	width: 800px;
	position: absolute;
	left: 39%;
	top: 50%;
	margin-top: -297px;
	margin-left: -200px;
	background: #fff;
	opacity: 0.8;
	border-radius: 10px;
	padding: 20px 0 30px 0px;

}
.r_register{
	float: right;
	padding: 0 55px;
	border-left: 1px solid #ccc;}
.l_register{
	float: left;}
.r_register img{
	width: 150px;
	height:150px;
	margin: 118px auto 30px;
}
.r_register span{
	/* width: 80%; */
	display: block;
	/* margin: 0 10%; */
	height: 30px;
	line-height: 30px;
	color:#333;
	font-size:16px;
	text-align:center;
}
.l_register .input, .otherinput {
	width: 100%;
	text-align: center;
}
.l_register .input input {
	width: 90%;
	height: 40px;
	color: #000;
	background-color: rgba(255,255,255,0.7);
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 3px;
}
.l_register .input label {
	display: inline-block;
	line-height: 45px;
	color: #999
}
#x_lawyerprotocol {
	width: 10px;
	height: 10px;
	margin-right: 8px
}
.x_protocol {
	color: #c5c5c5;
	text-decoration: underline;
	cursor: pointer
}
.x_protocol:hover {
	color: #ddd
}
.l_logo {
	width: 185px;
	height: 68px;
	margin: 0 auto 30px;
}
.lm-cen{
	text-align: center;
}
.l_register button {
	width: 90%;
	height: 40px;
	background: #007BC7;
	font-size: 18px;
	line-height: 23px;
	text-align: center;
	border: 0px;
	color: #fff;
	border-radius: 3px;
	cursor: pointer;
}

.otherinput ul {
	width: 400px;
	overflow: hidden;
	margin: 10px 0 10px 5%;
}
.otherinput ul li {
	float: left;
	margin-left: 20px;
	color: #333
}
.otherinput .x_hverlawyer {
	float: right
}
.otherinput ul li a {
	color: #007BC7;
}
.otherinput ul li label {
	cursor: pointer
}
.otherinput ul li:first-child {
	margin-left: 0
}
.otherlogin {
	width: 400px;
	overflow: hidden
}
.otherlogin li {
	width: 50%;
	float: left;
	text-align: center;
	margin-top: 10px
}
.codeimgbox {
	display: block;
	width: 90px;
	height: 30px;
	right:6%;
	bottom: 3px;
	box-sizing: border-box
}
.l_choosecodeimg {
	right: 0;
	bottom: 5px;
	font-size: 12px
}
.l_choosecodeimg i {
	color: #999
}
.l_choosecodeimg span {
	color: #fff;
	cursor: pointer;
	text-decoration: underline
}
.codebox{
	width: 90%;
	margin: auto;
}
.mcode{
	width: 244px;
	float: left;
}
.codebtn{
	width: 124px;
	float: left;
	margin-top: 30px;
	margin: 30px 0 0 10px;}
#sendbtn {
	display: block;
	/* width: 111px; */
	width: calc(50% - 10px);
	line-height: 15px;
	background: #007BC7;
	right: 5%;
	bottom: 1px;
	font-size: 14px;
}