/*page-lr Begin*/
body, html {
    height: auto;
    background: #f3f3f3;
}
input:-webkit-autofill {  -webkit-box-shadow: 0 0 0px 1000px white inset;  -webkit-text-fill-color: #333; } 
.page-login{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: #f0f2f5;
    background-image: url(../images/tvytbaxwheqprcwdadmu.svg);
    width: 100%;
    min-height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
#Validform_msg{
	display: none!important;
}
.page-lr {
	position: absolute;
	max-width: 800px;
	border-radius: 3px;
	text-align: center;
	margin-bottom:-5px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
.page-lr>.sign-up-box {
	display: inline-block;
	position: relative;
	overflow: hidden;
	font-size: 0;
    white-space: nowrap;
	margin: 0 auto;
	box-shadow: 0 0 20px rgba(0,0,0,.08);
}
.page-lr .sign-up-bg {
	position: relative;
	display: inline-block;
	height: 600px;
	width: 300px;
	border-radius: 3px 0 0 3px;
	vertical-align: middle;
	background: url(../images/register-bg.jpg) no-repeat center;
}
.page-lr .sign-up-bg .sign-up-content,
.page-lr .sign-up-formbox .message-box {
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
.page-lr .sign-up-bg .login-btn {
	display: inline-block;
	text-decoration: none;
	padding: 0 20px;
	width: 70px;
	height: 30px;
	line-height: 30px;
	margin-top: 20px;
	cursor: pointer;
	background-color: transparent;
	border: 1px solid #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font-size: 14px;
	color: #fff;
}
.page-lr .sign-up-formbox {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	background: #fff;
	padding: 100px 60px;
	width: 500px;
	height: 600px;
	border-radius: 0 3px 3px 0;
}
.page-lr .sign-up-formbox .message-box {
	font-size: 14px;
	padding: 12px 25px;
	color: #fff;
	letter-spacing: 1px;
	background-color: rgba(0, 0, 0, .6);
}
.page-lr .sign-up-logo a {
	/*display: inline-block;*/
	vertical-align: middle;
	/*width: 120px;*/
	/*height: 31px;*/
	/*background-image: url(../images/lk7ugz9u0vdkzhnss73lnkkxd0vdbb.png);*/
	background-size: 120px 31px;
}
.page-lr .sign-up-logo a img{filter:invert(100%) grayscale(100%) brightness(1000%)}
.page-lr .sign-up-form .form-title {
	font-size: 16px;
	font-weight: 600;
	color: #000;
	letter-spacing: 3px;
	text-align: center
}
.page-lr .sign-up-formbox ul li {
	position: relative;
	margin-top: 20px;
	font-size: 14px;
	border-bottom: 1px solid #ebebeb;
}
.page-lr .sign-up-formbox ul li input {
	width: 100%;
	float: left;
	border: none;
	line-height: 30px;
	padding: 15px 0;
	color: #666666!important;
}
.page-lr .sign-up-formbox .zc-list li .btn-yzm {
	width: 110px;
	height: 36px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -18px;
	cursor: pointer;
	background-color: #fff;
	border: 1px solid #38f;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font-size: 14px;
	color: #666666;
	outline:none
}
.page-lr .sign-up-formbox .protocol {
	padding: 20px 0;
	line-height: 30px;
}
.page-lr .protocol label {
	float: left;
	position: relative;
	font-size: 12px;
	cursor: pointer;
}
.protocol input[type="checkbox"]{
	position: relative;
	width: 15px;
	height: 15px;
	margin: -1px 5px 0 0;
	-webkit-appearance: none;
	padding: 0;
	opacity: 0;
	filter:alpha(opacity=0);
	display: inline-block;
	vertical-align: middle;
}
.protocol input[type="checkbox"]+span.check-bg{
	position: absolute;
	width: 15px;
	height: 15px;
	margin: -7px 5px 0 0;
	-webkit-appearance: none;
	padding: 0;
	top: 50%;
	left: 0;
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #999;
	background: #fff !important;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.protocol input:checked+span.check-bg:before{
	display: none;
}
.protocol input:checked+span.check-bg:after {
	position: absolute;
	content: "\f00c";
	display: inline-block;
	font-family: FontAwesome;
	font-size: 12px;
	color: #38f;
	top: -8px;
	right: 0;
	bottom: 0;
	left: 50%;
	margin-left: -6px;
	width: 14px;
	height: 14px;
}
.page-lr .protocol.register-btn-box {
	text-align: center;
	padding: 10px 0;
	margin-bottom: 5px;
}
.page-lr .protocol.register-btn-box p text {
	font-size: 12px;
}
.page-lr .protocol button {
	display: inline-block;
	width: 160px;
	height: 36px;
	cursor: pointer;
	background-color: #38f;
	font-size: 14px;
	color: #fff;
	border: none;
	border-image: initial;
	border-radius: 36px;
	outline: none
}
.page-lr .protocol button.next {
	margin-top: -18px;
}
.page-lr .protocol.register-prevnext-box {
	overflow: hidden;
	margin-top: 20px;
	padding-right: 40px;
	padding-left: 40px;
}
.page-lr .protocol button.prev,
.page-lr .protocol button.submit,
.page-lr .protocol button.reg-success {
	width: 100px;
	height: 30px;
}
.page-lr .register-content.login .forget {
	color: #38f;
}
.page-lr .success-message {
	background: #efefef;
	padding: 20px 0;
}
.page-lr .success-des text {
	display: block;
}
.page-lr .register-content.current {
	display: block;
}
.page-lr .layer-animate {
	-webkit-animation-name: layer-fadeIn;
	animation-name: layer-fadeIn;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
}
.page-lr .layer-close {
	-webkit-animation-name: layer-bounceOut;
	animation-name: layer-bounceOut;
	-webkit-animation-duration: .2s;
	animation-duration: .2s;
}
@media (max-width: 992px) {
	.page-lr .sign-up-bg {
		width: 225px;
		height: 500px;
	}
	
	.page-lr .sign-up-form .form-title {
		margin-top: 20px;
	}
	
	.page-lr .sign-up-formbox {
		width: 375px;
		height: 500px;
		padding: 45px 50px;
	}
	
	.page-lr .sign-up-formbox ul li input {
		padding: 10px 0;
	}
	
	.page-lr .sign-up-formbox .zc-list li .btn-yzm {
		width: 90px;
		height: 35px;
	}
	
	.page-lr .protocol.register-prevnext-box {
		padding: 20px;
	}
	
	.page-lr .protocol button.prev,
	.page-lr .protocol button.submit,
	.page-lr .protocol button.reg-success {
		width: 80px;
	}
}
@media (max-width: 667px) {
	.page-lr .sign-up-bg {
		width: 120px;
		height: 350px;
	}
	
	.page-lr .sign-up-form .form-title {
		margin-top: 0;
	}
	
	.page-lr .sign-up-formbox {
		width: 200px;
		height: 350px;
		padding: 15px;
	}
	
	.page-lr .sign-up-formbox ul li {
		margin-top: 10px;
	}
	
	.page-lr .protocol button {
		width: 100px;
		height: 30px;
	}
	
	.page-lr .sign-up-formbox {
		padding: 40px 20px;
	}
	
	.page-lr .sign-up-formbox .zc-list li .btn-yzm {
		height: 25px;
		padding: 0;
    	white-space: nowrap;
    	width: 70px;
		font-size: 12px;
		line-height: 25px;
		margin-top: -15px;
	}
	
	.page-lr .sign-up-formbox .register-content.prev-next {
		margin-top: 50px!important;
	}
	
	.page-lr .sign-up-formbox ul li input {
		padding: 0;
	}
	
	.page-lr .sign-up-formbox .protocol {
		padding: 10px 0;
	}
	
	.page-lr .register-content.success {
		margin-top: 90px;
	}
	
	.page-lr .register-content.login {
		margin-top: 60px!important;
	}
	.page-lr .register-content.forget {
		margin-top: 50px!important;
	}
	.page-lr .sign-up-bg .login-btn {
		width: 60px;
		font-size: 12px;
		height: 25px;
		line-height: 25px;
		white-space: nowrap;
		padding: 0;
	}
	
	.page-lr .sign-up-logo a {
		width: 100px;
		height: 25px;
		background-size: 100px 25px;
	}
	
	.page-lr .protocol button.prev,
	.page-lr .protocol button.submit,
	.page-lr .protocol button.reg-success {
		width: 60px;
		font-size: 12px;
		height: 25px;
		line-height: 25px;
	}
}

/*page-lr End*/

/*base*/
.float-center{
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
/*base*/

#heade{background: #fff;height: 72px;color: #666;z-index: 9999;position: relative;font-size: 12px;box-shadow: 0 0 5px 2px rgba(10,52,72,0.3);width: 100%;position: fixed;top:0;left:0}
.main{width: 1200px;margin:0 auto; min-width: 1200px;position: relative;}
.startImg{width: 178px;height: 49px;float: left;background: url("../images/logo.png") center no-repeat; background-size:100% auto;margin-right: 40px;margin-top: 12px;}
.TopMenu li{display: block;width: 100px;height:30px;float: left;margin-top: 22px;position: relative;text-align: center;color: #666;font-size: 16px;cursor: pointer;}
.TopMenu .pul a{color: #666;display: block;width: 100px;height: 30px;overflow: hidden;}
.TopMenu .pul a span{width: 100%;height: 30px;margin: 0px;display: block;line-height: 30px;text-align: center; transition:all 0.5s;-moz-transition:all 0.5s; /* Firefox 4 */-webkit-transition:all 0.5s; /* Safari and Chrome */-o-transition:all 0.5s; /* Opera */}
.TopMenu .pul .topA .red{color:#ff6f69;}
.TopMenu .on .topA span:first-child{margin-top: -30px;}
.TopMenu .pul:hover .topA span:first-child{margin-top: -30px;}
.TopMenu .last:hover{height: 120px;background-color: #fff;}
.TopMenu{position: relative;width: auto;height: 72px;float: left;}
.absltPo{position: absolute;right: 0px;top: 50px;z-index: 9999;background-color: #ffffff;width: 100px;height: 72px;display: none;}
.absltPo a:hover span:first-child{margin-top: -30px;}
.TopMenu .last:hover .absltPo{display: block;}
.hotImg{width: 23px;height: 26px;background: url("../images/hots.png") center no-repeat;background-size: 100%;position: absolute;top: -15px;right: 0px;}
.newImg{width: 23px;height: 26px;background: url("../images/new.png") center no-repeat;background-size: 100%;position: absolute;top: -15px;right: 0px;}
.startup{width: auto;height: 30px;float: right;margin-top: 24px;font-size: 16px;color: #ff5e44;line-height: 30px;}
.startup a{color: #ff5e44;cursor: pointer;}
.startup a:hover{color: #00a0e9;}
.startup .userInfo{color: #00a0e9;}
.nameImgs{display: inline-block;width: 30px;height: 30px;border-radius: 100%;line-height: 28px;overflow: hidden;float: right;margin-left: 10px;}
.nameImgs img{width: 100%;vertical-align: middle;}
/*头部创建按钮*/
.startup a.btn-ctrl{    background: #ffffff;
    border: 1px solid #a0a2a5;
    color: #676b6f; border-radius: 5px;  padding: 8px 15px; margin-left: 15px;}
.startup a.btn-reg{background: #00a0e9; border: 1px solid #00a0e9; border-radius: 5px; color: #fff; padding: 8px 15px; margin-left: 15px;}
.startup a:hover{opacity: 0.8;}
.startup .userInfo{display: inline-block; position: relative; padding-left: 28px; padding-right: 20px;}
.startup .userInfo:before,.startup .userInfo:after{content: ''; display: inline-block; width: 20px; height: 20px; position: absolute; top: 50%; margin-top: -10px;}
.startup .userInfo:before{background: url(../images/user-center-icon.jpg) no-repeat; left: 0;}
.startup .userInfo:after{background: url(../images/user-center-arrow.jpg) no-repeat; right: 0;}

/*右边栏*/
.sidebar{position: fixed;top: 50%;margin-top: -127px;right: 0;z-index: 999; width: 60px; height: 250px;}
.sidebar li{height: 73px; display: block; text-align: center; font-size: 12px; position: relative;}
.sidebar li a{display: block; height: 73px; color: #fff;background-color: rgba(0,0,0,.6);}
.sidebar li a:before{content: ''; display: block; width: 60px; height: 48px;}
.sidebar .sidebar-car a{border-radius: 5px 5px 0 0;}
.sidebar .sidebar-car:hover{background: #3bb4eb;}
.sidebar .sidebar-car a:before{background: url(../images/right-help.png) no-repeat;}
.sidebar .sidebar-qq:hover{background: #3bb4eb;}
.sidebar .sidebar-qq a:before{background: url(../images/right-qq.png) no-repeat;}
.sidebar .sidebar-qq iframe{height: 73px;}
.sidebar .sidebar-phone:hover{background: #3bb4eb;}
.sidebar .sidebar-phone a:before{background: url(../images/right-wechat.png) no-repeat; position: relative; top: 3px;}
.sidebar .sidebar-phone a:hover div{-webkit-animation:showphone .4s forwards ease-in-out;animation:showphone .4s forwards ease-in-out;}
@-webkit-keyframes showphone{from{opacity:0; left: 0;} to{opacity: 1; left: -120px;}}
@keyframes showphone{from{opacity:0; left: 0;} to{opacity: 1; left: -120px;}}
.sidebar .sidebar-phone div{position: absolute; top: 0; left:0; opacity: 0; padding-right: 100px; box-sizing: border-box; text-align: left;}
.sidebar .sidebar-phone div h2{font-weight: normal; margin: 0; padding: 0; margin-top: 5px; font-size: 16px;}
.sidebar .sidebar-phone div:before{content: ''; display: block; position: absolute;}
.sidebar .back-top{width: 60px; height: 32px; background: url(../images/to-top.png) no-repeat; background-color: rgba(0,0,0,.5); display: block; border-radius: 0 0 5px 5px;}
.sidebar .back-top:hover{background-color: rgba(0,0,0,.7);}

.footer{width: 100%;position: relative;min-width: 1200px;background-color: #2c3140;text-align: center;padding: 50px 0;}
.footer h1{font-size: 30px;color: #fff;font-weight: normal;margin: 20px auto;width: 100%;text-align: center;display: inline-block;}
.footBox{width: 100%;height: 280px;background-color: #363b4e;/*background: url(../images/footbanner.jpg) no-repeat;*/background-size: cover;}
.footBox p{width: 100%;margin: 0;padding-top:80px;font-size: 36px;color: #fff;text-align: center;}
.footBox .btn{width: 360px;height: 48px;margin: 0 auto;padding: 30px 0;display:block;border:none}
.footBox .btn a{margin-right:20px;}
.foot-btn{width: 158px;height: 48px;background-color: #5589fe;font-size: 18px;color: #fff;text-align: center;line-height: 48px;float: left;border-radius: 5px;cursor: pointer;}
.footBox input:-moz-placeholder{color: #fff;}
.footBox input:-ms-input-placeholder{color: #fff;}
.footBox input::-webkit-input-placeholder{color: #fff;}

.footBottom{line-height: 22px;width: 1200px;margin: 0 auto;display: block;color: #6d7489;font-size: 12px;text-align: left;}
.footBottom a{margin-left: 15px;color: #6d7489;}
.footBottom a img{vertical-align: text-bottom;}
.footBottom span{float: left;}
.footBottom span a{color: #6d7489;margin-left: 5px;}
.foot-link{padding-bottom: 8px;margin-bottom: 10px;font-size: 16px;border-bottom: 1px solid rgba(255,255,255,.17);width:650px;}
.foot-logo{width: 400px;float: right;margin-right:80px;margin-top:10px;}
.mytelinfo{height:82px;padding:12px;background:#fff;border-radius:5px;color:#333;width:136px;}

@-webkit-keyframes showtel{from{opacity:0; left: 0;} to{opacity: 1; left: -185px;}}
@keyframes showtel{from{opacity:0; left: 0;} to{opacity: 1; left: -185px;}}
.sidebar .sidebar-tel div{position: absolute; top: 0; left:0; opacity: 0; padding-right: 170px; box-sizing: border-box; text-align: left;}
.sidebar .sidebar-tel div h2{font-weight: normal; margin: 0; padding: 0; margin-top: 5px; font-size: 16px;}
.sidebar .sidebar-tel div:before{content: ''; display: block; position: absolute;}

.sidebar .sidebar-tel:hover{background: #3bb4eb;}
.sidebar .sidebar-tel a:before{background: url(../images/right-tel.png) no-repeat; position: relative; top: 3px;}
.sidebar .sidebar-tel a:hover div{-webkit-animation:showtel .4s forwards ease-in-out;animation:showtel .4s forwards ease-in-out;}
.sidebar .sidebar-tel strong{display:block;font-size:16px;width:136px}
.sidebar .sidebar-tel b{color:#ff0000;display:block;font-size:15px;width:136px}
.sidebar .sidebar-tel em{display:block;font-size:12px;width:136px;color:#a3a3a3;font-size:12px;font-style:normal}