.wrap {
	width: 1000px;
	margin: 0 auto;
}

.w1200 .wrap {
	width: 1200px;
}

::-webkit-input-placeholder {
	color: #cbcbcb;
}

:-moz-placeholder {
	color: #cbcbcb;
}

::-moz-placeholder {
	color: #cbcbcb;
}

:-ms-input-placeholder {
	color: #cbcbcb;
}

.header {
	box-shadow: none;
	padding: 0;
}

/* LGOO */
.header {
	margin: 40px auto 20px;
}

.header .logo {
	float: left;
	width: 270px;
	max-width: 270px;
	height: 61px;
	margin-top: -5px;
}

.header .logo a {
	display: block;
	overflow: hidden;
}

.header .logo a:hover {
	text-decoration: none;
}

.header .logo h2 {
	float: none;
	margin-bottom: 6px;
	line-height: 47px;
	font-size: 24px;
	color: #333;
	margin-top: 8px;
	display: none;
}

.header .shortname p {
	font-size: 16px;
	color: #b5b5b5;
	display: none;
}

.header .logo span {
	font-size: 13px;
	color: #999;
}

.header .logo img {
	float: left;
	height: 60px;
	margin-right: 10px;
	vertical-align: middle;
}

.header .kefu {
	float: right;
	margin-top: 0;
}

.header .kefu dt,
.header .kefu dd {
	float: left;
}

.header .kefu dd {
	margin-left: 15px;
}

.header .kefu dt img {
	margin-top: 3px;
	width: 44px;
	height: 43px;
}

.header .kefu p {
	white-space: nowrap;
}

.header .kefu .p1 {
	font-size: 14px;
	color: #333;
}

.header .kefu .p2 {
	font-size: 20px;
	color: #ff8800;
}

.split-line {
	height: 1px;
	overflow: hidden;
	background: #e5e5e5;
}

.registerwrap {
	font-size: 14px;
}

.register {
	padding: 20px;
}

.w1200 .register {
	margin: 20px 0;
}

.register .tab-nav {
	width: 980px;
	margin: 0 auto;
	position: relative;
}

.register .tab-nav li {
	float: left;
	width: 33%;
	height: 55px;
	line-height: 55px;
	text-align: center;
}

.register .tab-nav li a {
	display: block;
	color: #a9a9a9;
	font-size: 16px;
}

.register .tab-nav li.active a {
	color: #3977a1;
}

.register .tab-nav li.icon1 span {
	background: url(../images/iphone.png) left center no-repeat;
	padding: 7px 10px 7px 40px;
}

.register .tab-nav li.icon1.active span {
	background: url(../images/iphone1.png) left center no-repeat;
}

.register .tab-nav li.icon2 span {
	background: url(../images/email.png) left center no-repeat;
	padding: 7px 10px 7px 40px;
}

.register .tab-nav li.icon2.active span {
	background: url(../images/email1.png) left center no-repeat;
}

.register .tab-head {
	position: relative;
	margin-bottom: 40px;
	border-bottom: 1px solid #e5e5e5;
}

.register .tab-head .mark {
	position: absolute;
	;
	height: 2px;
	background: #3977a1;
	overflow: visible !important;
	width: 323px;
	left: 90px;
}

.register .tab-head .mark em {
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -8px;
	display: block;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-top-color: #3977a1;
}

.tab-body {
	width: 880px;
	margin: 0 auto;
}

.form-row {
	margin-bottom: 20px;
}

.form-row dt {
	float: left;
	width: 120px;
	line-height: 36px;
	text-align: right;
	margin-right: 26px;
	height: 36px;
}

.form-row dd {
	float: left;
}

.dropdown-menu {
	min-width: 110px;
	text-align: left;
	margin-right: 10px;
}

.dropdown-menu .droptab {
	position: relative;
	min-width: 110px;
	border: 1px solid #e8e8e8;
	background: #f5f5f5;
	border-radius: 4px;
	height: 36px;
	line-height: 36px;
	display: block;
}

.dropdown-menu .droptab:hover {
	text-decoration: none;
}

.dropdown-menu .droptab label {
	display: block;
	cursor: pointer;
	margin: 0 25px 0 15px;
	color: #333;
}

.dropdown-menu .droptab .droparrow {
	position: absolute;
	border: 5px solid transparent;
	border-bottom-width: 0;
	border-top-color: #c6c6c6;
	display: block;
	right: 12px;
	top: 50%;
	margin-top: -2.5px;
}

.dropdown-menu ul {
	display: none;
}

.inpbox {
	position: relative;
}

.inpbox input {
	width: 320px;
	border-radius: 4px;
	border: 1px solid #e8e8e8;
	padding: 0 15px;
	height: 36px;
	line-height: 36px;
	outline: 0;
}

.tips {
	color: #cbcbcb;
	font-size: 12px;
	margin: 3px 0 0 5px;
}

.error {
	position: relative;
	color: #f00;
	height: 36px;
	line-height: 36px;
	padding: 0 10px 0 34px;
	border-radius: 6px;
	font-size: 12px;
	margin-left: 18px;
	display: none;
}

.error em {
	border: 5px solid transparent;
	border-left-width: 0;
	border-right-color: #fff;
	display: block;
	position: absolute;
	left: -5px;
	top: 12px;
}

.error .error-icon {
	width: 18px;
	height: 18px;
	display: block;
	position: absolute;
	left: 14px;
	top: 50%;
	background: url(../images/error_icon.png) center center no-repeat;
	margin-top: -9px;
}

.sendvdimgck {
	border: 1px solid #25a8e5;
	background: #3977a1;
	color: #fff;
	padding: 0 13px;
	border-radius: 4px;
	margin-left: 10px;
	height: 32px;
	line-height: 32px;
	cursor: pointer;
}

.sendvdimgck:hover {
	text-decoration: none;
	color: #fff;
	background: #009be4;
}

.djs1,
.djs2,
.djs3 {
	border: 1px solid #cdcdcd;
	background: #cdcdcd;
	color: #fff;
	padding: 0 13px;
	border-radius: 4px;
	margin-left: 10px;
	height: 32px;
	line-height: 32px;
	cursor: not-allowed;
	float: left;
	display: none;
}

.djs1:hover,
.djs2:hover,
.djs3:hover {
	color: #fff;
	text-decoration: none;
}

.psw-show {
	position: absolute;
	width: 26px;
	height: 20px;
	display: block;
	background: url(../images/psw_show.png) center center no-repeat;
	right: 12px;
	top: 9px;
	cursor: pointer;
}

.psw-hide {
	background: url(../images/psw_hide.png) center center no-repeat;
}

.ftype {
	display: none;
}

.agreement {
	margin-top: 20px;
}

.agreement label {
	display: inline-block;
}

.agreement i {
	width: 16px;
	height: 16px;
	float: left;
	margin-top: 2px;
	margin-right: 5px;
	border: 1px solid #e0e0e0;
}

.agreement .checked i {
	background: url(../images/checked.png) center center no-repeat;
	border-color: #3977a1;
}

.agreement a {
	color: #3977a1;
}

.submit {
	color: #fff;
	background: #3977a1;
	border-radius: 6px;
	border: 0;
	outline: 0;
	padding: 8px 20px;
	font-size: 16px;
	margin-top: 15px;
	cursor: pointer;
}

.submit:disabled,
.submit[disabled] {
	background: #cdcdcd;
}

.tab-pane .part1 {
	display: none;
}

.inpbox input:focus {
	border-color: #3977a1;
	box-shadow: 0 0 7px -2px #3977a1;
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px #fff inset;
}

.mask {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	opacity: .5;
	z-index: 1003;
	display: none;
}

/*弹出层*/
.layer {
	position: fixed;
	top: 200px;
	left: 50%;
	background: #fff;
	z-index: 1004;
	border-radius: 4px;
	font-size: 16px;
	margin-left: -190px;
	text-align: center;
	padding: 24px 0 28px;
	display: none;
}

.layer-tit {
	padding-bottom: 15px;
}

.layer-tit span {
	padding: 0 0 0 30px;
	background: url(../images/layer_icon.png) left center no-repeat;
}

.layer-con {
	font-size: 16px;
	padding: 20px 50px;
	border-top: 1px solid #cbcbcb;
}

.layer-btn a {
	background: #3977a1;
	color: #fff;
	border-radius: 4px;
	display: block;
	width: 120px;
	margin: 0 auto;
	line-height: 40px;
	height: 40px;
}

/*消息提示*/
.dialog_msg {
	position: relative;
	z-index: 1002;
}

.dialog_top,
.dialog_msg .bg {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
}

.dialog_msg .bg {
	background: #ccc;
	z-index: 1;
	opacity: .5;
	filter: alpha(opacity=50);
}

.dialog_msg .box {
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -268px;
	margin-top: -139px;
	width: 526px;
	height: 276px;
	background: #fff;
	border-radius: 3px;
	z-index: 2;
	font-size: 14px;
	color: #333;
	text-align: center;
	overflow: hidden;
}

.dialog_msg .box .bdt {
	height: 3px;
	background: #00e9f5;
}

.dialog_msg .box .bdt .bdr {
	float: right;
	width: 50%;
	height: 3px;
	background: #0076fe;
}

.dialog_msg .box .close {
	position: absolute;
	right: 16px;
	top: 10px;
	display: block;
	font-size: 40px;
	color: #efefef;
	line-height: 1;
	font-family: 'cursive';
}

.dialog_msg .box .close:hover {
	color: #ccc;
	text-decoration: none;
}

.dialog_msg .box .content {
	padding: 20px;
}

.dialog_msg .box .blur {
	color: #419afc;
	margin: 0 3px;
}

.dialog_msg .box .btn {
	display: block;
	width: 136px;
	height: 40px;
	line-height: 40px;
	margin: 40px auto;
	background: #266cfd;
	color: #fff;
	border-radius: 3px;
}

.dialog_msg .box .btn:hover {
	text-decoration: none;
}

.dialog_msg .box .info {
	margin-top: 50px;
}

.dialog_msg .box .info span {
	font-size: 18px;
}

/*国际手机号*/
.inpbox .inpbdr {
	border: 1px solid #e8e8e8;
	width: 350px;
}

.inpbox .areaCode {
	width: 70px;
	border-right: 1px solid #e8e8e8;
	line-height: 36px;
	top: 1px;
	left: 1px;
	bottom: 1px;
	font-size: 14px
}

.inpbox input.phone {
	padding-left: 80px;
	border: none;
	width: 255px;
}

.inpbox .areaCode_wrap {
	top: 37px;
	width: 350px;
}

.login-new {
	max-width: 1200px;
	height: 100vh;
	margin: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
}

.login-new .login-l {
	width: 520px;
	height: 800px;
	padding: 0 70px;
	box-sizing: border-box;
}

.login-new .logo {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.login-new .logo .loginto a {
	color: #28b7f7;
	font-size: 16px;
}

.login-new .logo .loginto a:hover {
	text-decoration: none;
}

.login-new .join-h {
	font-size: 24px;
	font-weight: bold;
	color: #28b7f7;
	text-align: center;
	margin: 10px 0;
}

.login-new .input-t {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.login-new .input-t .input-li {
	width: 48%;
}

.login-new .input-t .input-li .name {
	font-weight: bold;
	margin: 10px 0 4px 0;
	font-size: 14px;
}

.login-new .input-t .input-li input {
	width: 100%;
	border-radius: 10px;
	line-height: 42px;
	border: 1px solid #676767;
	padding: 0 8px;
	box-sizing: border-box;
}

.login-new .input-t .input-li select {
	width: 100%;
	border-radius: 10px;
	height: 42px;
}

.login-new .input {
	border: 1px solid #676767;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	line-height: 42px;
	overflow: hidden;
	margin: 8px 0;
}

.login-new .input-name {
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 4px;
	font-size: 14px;
}

.login-new .input-email {
	display: block !important;
}

.login-new .input-email input {
	width: 100%;
	border-radius: 10px;
	line-height: 42px;
	margin: 0 !important;
}

.login-new .input-text textarea {
	width: 100%;
	padding: 8px;
	box-sizing: border-box;
	border-radius: 10px;
}

.login-new .input .phone {
	line-height: 42px;
	display: flex;
	align-items: center;
}

.login-new .input .phone img {
	height: 30px;
	margin-right: 5px;
}

.login-new .input select {
	width: 60px;
	border: 0;
	line-height: 42px;
}

.login-new .input input {
	box-sizing: border-box;
	line-height: 42px;
	width: calc(100% - 100px);
	border: 0;
	border-left: 1px solid #676767;
	padding: 0 8px;
}

.login-new .input input::-webkit-outer-spin-button,
.login-new .input input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

.login-new .input input[type='number'] {
	-moz-appearance: textfield;
}

.login-new .code {
	display: flex;
	align-items: center;
	line-height: 42px;
	justify-content: space-between;
}

.login-new .code input {
	width: calc(100% - 130px);
	line-height: 42px;
	padding: 0 8px;
	border-radius: 10px;
	margin-top: 8px;
	box-sizing: border-box;
	border: 1px solid #676767;
}

.login-new .code .getcode {
	border: 1px solid #676767;
	border-radius: 10px;
	text-align: center;
	width: 120px;
	line-height: 42px;
	cursor: pointer;
}

.login-new .login-r {
	width: 520px;
	height: 800px;
}

.login-new .login-r img {
	width: 520px;
	height: 100%;
	object-fit: contain;
}

.login-new .login {
	background: linear-gradient(to right, #ffa00d, #ffbb0d);
	line-height: 40px;
	width: 50%;
	margin: 15px auto;
	color: #ffffff;
	border-radius: 10px;
	text-align: center;
	cursor: pointer;
}

.login-new .input-email {
	display: none;
}

.login-new .input-email input {
	border: 1px solid #676767;
	border-radius: 10px;
	margin: 8px 0;
	line-height: 42px;
	width: 100%;
	box-sizing: border-box;
	padding: 0 8px;
}

.login-new .agree {
	font-size: 13px;
}

.login-new .agree a {
	text-decoration: underline;
	font-weight: bold;
	color: #000;
}