body.login {
	background-color: #fff !important;
}

.content {
	width: 100%;
	position: relative;
}

.header {
	height: 87px;
	margin: 0;
	line-height: 55px;
	padding: 16px 0;
	border: 0;
}

.logo {
	width: 930px;
	margin: 0 auto;
	overflow: hidden;
}

.register .logo {
	width: 1070px;
	margin: 0 auto;
	overflow: hidden;
}

.logo h1 {
	display: block;
	float: left;
	zoom: 1;
	width: 110px;
	height: 44px;
	vertical-align: middle;
}

.logo .link {
	float: right;
	padding-left: 25px;
	line-height: 55px;
	color: #5b5b5b;
	font-size: 13px;
	text-decoration: none;
}

.login .logo .link {
	background: url(../images/icon_comment.png) no-repeat left center;
}
.forgetpsw .logo .link {
	font-weight: normal;
	background: url(../images/icon_comment.png) no-repeat left center;
}
#content .content-layout {
	width: 935px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	height: 600px;
	z-index: 999;
}

.login-newbg {
	position: absolute;
	z-index: 9;
	top: 0;
	left: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	height: 510px;
}

.login-box-warp {
	position: absolute;
	top: 120px;
	right: 0;
	width: 350px;
	background-color: #fff;
}

.login-title {
/* 	height: 26px;
	line-height: 26px; */
	font-size: 16px;
	color: #3c3c3c;
	margin-top: 9px;
	padding-bottom: 8px;
	font-weight: 700;
}

.login-box-warp .login-box {
	background-color: rgb(255, 255, 255);
}

.login-box {
	width: 350px;
	padding: 25px 25px 23px;
	color: #6c6c6c;
	background: #fff;
	position: relative;
	margin: 0 auto;
}

.login-msg.error {
	border-color: #ffb4a8;
	background-color: #fef2f2;
	color: #6C6C6C;
}

.login-msg {
	position: absolute;
	top: 0;
	left: 0;
}

.login-msg {
	line-height: 16px;
	padding: 6px 10px;
	overflow: hidden;
	width: 278px;
	background: #fef2f2;
	border: 1px solid;
}
.login-msg p {
  float: left;
  white-space: normal;
  word-wrap: break-word;
  width: 240px;
  margin: 0;
}

.field {
	margin-top: 25px;
	position: relative;
}

.field label {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 42px;
	color: #fff;
	background: #ddd;
	text-align: center;
	position: absolute;
	left: 1px;
	top: 1px;
	outline: 0;
}

.field .ph-label {
	display: inline-block;
	position: absolute;
	line-height: 42px;
	height: 42px;
	color: #999;
	opacity: 1;
	transition: all .2s ease-out;
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-out;
	left: 50px;
	top: 0;
	font-size: 14px;
}

.ph-hide .ph-label {
	display: none;
}

.login-text {
	width: 300px;
	font-size: 14px !important;
	line-height: 18px !important;
	padding: 11px 8px 11px 50px !important;
	border: 1px solid #ddd !important;
	border-radius: 3px;
}

button, input, select, textarea {
	font: 100% "Microsoft YaHei", tahoma, arial, 'Hiragino Sans GB',
		'\5b8b\4f53', sans-serif;
}

.pwd-field label {
	background-position: 50% -30px;
}

.field label {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	text-align: center;
	position: absolute;
	left: 1px;
	top: 1px;
	outline: 0;
}

.login-box .loginusericon {
	font-size: 24px;
	line-height: 40px;
	color: #999;
}

.nickx {
	font-size: 16px;
	position: absolute;
	right: 8px;
	top: 8px;
	z-index: 1000;
	cursor: pointer;
}

.login-box button.J_Submit {
	width: 300px;
	height: 45px;
	margin-bottom: 20px;
	border: 0;
	display: inline-block;
	overflow: hidden;
	vertical-align: middle;
	line-height: 45px;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	background: #0088ee;
	border-radius: 3px;
	cursor: pointer;
	zoom: 1;
}

.login-box .loginpwdicon {
	font-size: 24px;
	line-height: 40px;
	color: #999;
}

.login-links {
	margin-top: 20px;
	margin-bottom: 20px;
}

.login-links .remember-pwd {
	padding-left: 25px;
	color: #646464 !important;
	background: url(../images/icon_select_box.png) no-repeat left center;
}

.login-links .remember-pwd.active {
	background: url(../images/icon_select_box_active.png) no-repeat left
		center;
}

.login-links .forget-pwd {
	color: #0088ee !important;
}

.login-links .register {
	color: #0088ee !important;
}

.login-msg.error {
	border-color: #ffb4a8;
	background-color: #fef2f2;
	color: #6C6C6C;
}

.login-msg {
	position: absolute;
	top: 0;
	left: 0;
}

.login-msg {
	line-height: 16px;
	padding: 6px 10px;
	overflow: hidden;
	width: 300px;
	background: #fef2f2;
	border: 1px solid;
}

.static_Form {
	position: relative;
}

.login-msg.error .iconfont {
	color: #f40;
}

.login-msg .iconfont {
	padding-right: 10px;
	float: left;
	font-size: 16px;
}

.footer {
	position: relative;
	margin: 30px auto;
	width: 1000px;
	height: 76px;
	padding: 0;
}

.footer .left .item {
	float: left;
	margin-right: 25px;
	margin-bottom: 13px;
}

.footer .left .txt {
	font-size: 14px;
	line-height: 30px;
	color: #666;
}
.footer .left .txt a {
	color: #333 !important;
}

.footer .left.pic {
	width: 16%;
	padding-right: 0;
	/*background: url(../images/img_beian.png) no-repeat right bottom;*/
}

.left .num {
	font-size: 20px;
	color: #222;
}

.footer .right {
	/*width: 25%;*/
	text-align: center;
    margin-right: 32px;
}

.footer .right .right-qrcode {
	width:100px;
	height: 100px;
	border: 1px solid #ddd;
	padding: 5px;
}

.footer .right .right-qrcode img {
	width: 90px;
	height:90px;
}
.footer .right .tips {
	color: #666;
	font-size: 13px;
	margin: 6px 0;
}

.footer .right a {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #fff !important;
	text-align: center;
	font-size: 20px;
	border-radius: 50%;
	background-color: #ccc;
	position: relative;
}
/*register strat*/
.register {
	background-color: #fff !important;
}

.header .title-txt {
	display: inline-block;
	height: 100%;
	margin-left: 5px;
	font-size: 22px;
	color: #222;
}

.register .left.logo_register {
	padding-left: 170px;
	background: url(../images/icon_logo_register.png) no-repeat left top;
}
.forgetpsw .left.psw {
	padding-left: 170px;
	background: url(../images/icon_pswlogo.png) no-repeat left top;
}
.register .link {
	color: #787572;
	font-size: 14px;
	font-weight: bold;
}

.register-layout {
	width: 1070px !important;
	margin: 0 auto;
	padding: 10px;
}

.steps_3 {
	height: 60px;
	border-bottom: 2px solid #e6e6e6;
	position: relative;
}

.steps_3 ol {
	width: 690px;
	margin: 0 auto;
}

.steps_3 ol li.active {
	color: #38adff;
	border-bottom: 2px solid #38adff;
}

.steps_3 ol li {
	display: inline;
	float: left;
	width: 200px;
	padding-left: 30px;
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	font-weight: 700;
	color: #999;
	font-family: "\5FAE\8F6F\96C5\9ED1", "\534E\6587\7EC6\9ED1",
		"\9ED1\4F53", arial;
}

.steps_3 ol li i {
	display: inline-block;
	zoom: 1;
	margin-right: 5px;
	width: 24px;
	height: 24px;
	text-align: center;
	font-style: normal;
	line-height: 24px;
	font-size: 14px;
	font-weight: 700;
	color: #FFF;
	background: url(../images/icon_reqister_circle.png) no-repeat 0 0;
}

.steps_3 ol li.active i {
	background: url(../images/icon_reqister_circle_active.png) no-repeat 0 0;
}

.register_box {
	width: 690px;
	margin: 30px auto;
	font-size: 14px;
	color: #000;
}

.register_box .line {
	width: 100%;
	margin-bottom: 20px;
	line-height: 37px;
}

.register_box .line input.k-textbox {
	width: 220px;
	height: 37px !important;
	line-height: 34px\9 !important; /*for IE */
	border-color: #c5c5c5 !important;
	border-radius: 0;
}
.register_box .line input.k-textbox.vala {
	width: 142px;
	height: 37px !important;
	line-height: 34px\9 !important; /*for IE */
	border-color: #c5c5c5 !important;
	border-radius: 0;
}

.agree {
	padding-left: 25px;
	color: #646464 !important;
	background: url(../images/icon_select_box.png) no-repeat left center;
  cursor: pointer;
}

.agree.active {
	background: url(../images/icon_select_box_active.png) no-repeat left
		center;
}

.register_box button.J_Submit {
	width: 180px;
	height: 37px;
	border: 0;
	display: inline-block;
	overflow: hidden;
	vertical-align: middle;
	line-height: 3px;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	background: #0088ee;
	border-radius: 3px;
	cursor: pointer;
	zoom: 1;
}
.register_box button.J_Submit.spe {
	background: #0698d8;
}
.register .block_wrap {
	width: 100%;
	height: 152px;
	background: #f7f7f7;
}

.register .block_wrap .tips {
	display: inline-block;
	width: 100%;
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	color: #666;
	text-align: center;
	background: url(../images/icon_register_line.png) no-repeat center;
}

.register .block {
	width: 1100px;
	height: 90px;
	margin: 0 auto;
}

.register .block .item {
	padding-left: 55px;
	height: 46px;
}

.register .block .item .text {
	display: inline-block;
	font-size: 14px;
	color: #666;
}

.register .block .item.icon01 {
	background: url(../images/icon_register_01.png) no-repeat left center;
}

.register .block .item.icon01:hover {
	background: url(../images/icon_register_active01.png) no-repeat left
		center;
}

.register .block .item.icon02 {
	background: url(../images/icon_register_02.png) no-repeat left center;
}

.register .block .item.icon02:hover {
	background: url(../images/icon_register_active02.png) no-repeat left
		center;
}

.register .block .item.icon03 {
	background: url(../images/icon_register_03.png) no-repeat left center;
}

.register .block .item.icon03:hover {
	background: url(../images/icon_register_active03.png) no-repeat left
		center;
}

.register .block .item.icon04 {
	background: url(../images/icon_register_04.png) no-repeat left center;
}

.register .block .item.icon04:hover {
	background: url(../images/icon_register_active04.png) no-repeat left
		center;
}

.register .block .item .text span {
	color: #333;
}

.register .block .item:hover .text, .register .block .item:hover .text span
	{
	color: #ff7a0e;
}

.register .k-textbox.short-text {
	width: 142px !important;
}

.register #verificate {
  height: 37px;
  width: 76px;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}

.register #validateCode {
	display: inline-block;
	width: 76px;
}

.register_box .line .iconfont {
	padding-left: 80px;
	color: #424242;
	background: url(../images/icon_check.png) no-repeat left center;
}

.register_box .line .big_txt {
	font-size: 16px;
	font-weight: 700;
}

.register .line {
	position: relative;
	display: inline-block;
	width: 100%;
}

label.error {
	display: inline-block !important;
	padding-left: 17px;
	margin-left: 20px;
	margin-bottom: 0px;
	line-height: 15px;
	font-weight: bold;
	position: absolute;
	top: 5px;
	color: #ec4f4f;
	vertical-align: middle;
	background: url("../images/error.png") no-repeat;
	background-position: left 10%;
}
.msg {
  display: none;
  padding-left: 22px;
  background: url("../images/error.png") no-repeat;
  background-position: left 50%;
  font-size: 14px;
  line-height: 1.4;
  color: #3e3e3e;
}
.msg-type-error {
	color: #ec4f4f;
}

.msg-display-block {
  display: block;
  margin-top: 10px;
}
::-webkit-input-placeholder { /* WebKit browsers */ color: #d8dce1; } 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #d8dce1; } 
::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #d8dce1; } 
:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #bbbcbd; }
input.k-textbox:-ms-input-placeholder {color: #bbbcbd;}
input.k-textbox:focus:-ms-input-placeholder {color: #bbbcbd;}

.change { color: #4287d2 !important;}
.yanzhen label.error { right: 0;}
.valamoblie { color: #ffffff !important;}
.bd { color: #000000;}
.hotline { 
  color: #38adff !important;
  margin-left: 4px;
}

/* protacal start*/
.protacal .pro-title {
  font-size: 16px;
  color: #f34646;
  margin-top: 34px;
  margin-bottom: 40px;
  text-align: center;
}
.pro-body {
  font-size: 14px;
  line-height: 150%;
}
.pro-body .txt-weight {
	font-weight: bold;
	text-indent: 0;
}
.pro-body .txt-weight.spe { margin-bottom: 50px;}
.prodl { margin-bottom: 40px;}
.prodl .num { 
  display: inline-block;
  width: 20px;
  float: left;
}
.prodl .detxt { 
  display: inline-block;
  width: 98%;
  font-style: inherit;
}
.picwechat { 
  display: none;
  width: 150px;
  position: absolute;
  top: -180px;
  left: -55px;
  z-index: 100;
}
.ftby {font-size: 13px;}