@charset "utf-8";
/* CSS Document */
.dock{position: fixed; right: 0px;width: 50px;-moz-opacity: 0.7;opacity: 0.7;z-index: 200;}
.dock.close{z-index: 50;}
.dock ul.icons{position: absolute;list-style: none;right: 0px;padding: 0px;width: 50px;border: 1px solid #333;border-right: none;background: #111;-moz-border-radius: 10px 0 0 10px;-webkit-border-radius: 10px 0 0 10px;border-radius: 10px 0 0 10px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;-ms-transition: all .3s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.dock.close ul.icons{right: -70px;}
.dock ul.icons li i{display: block;position: relative;width: 50px;height: 50px;background: url(../images/icons.png) no-repeat;cursor: pointer;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;-ms-transition: all .3s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;z-index: 210;}
.dock ul.icons li.active i{-moz-opacity: 0.4;opacity: 0.4;}
.dock ul.icons li.up i{background-position: -63px -150px;}
.dock ul.icons li.tel i{background-position: -62px -108px;}
.dock ul.icons li.wangwang i{background-position: -62px -224px;}
.dock ul.icons li.im i{background-position: -63px -20px;}
.dock ul.icons li.wechat i{background-position: -59px -66px;}
.dock ul.icons li.down i{background-position: -63px -190px;}
.dock ul.icons li p{display: block;position: absolute;top: 50px;right: -260px; padding: 15px 15px; height:120px;color: White;line-height: 30px;border: 1px solid #333;border-right: none;background: #111;-moz-border-radius: 10px 0 0 10px;-webkit-border-radius: 10px 0 0 10px;border-radius: 10px 0 0 10px;-moz-opacity: 0;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .4s ease-in-out .1s;-moz-transition: all .4s ease-in-out .1s;-ms-transition: all .4s ease-in-out .1s;-o-transition: all .4s ease-in-out .1s;transition: all .4s ease-in-out .1s;overflow: hidden;z-index: 201;}
.dock ul.icons li.active p{right: 50px;-moz-opacity: 1;opacity: 1;filter: alpha(opacity=100);}
.dock ul.icons li.tel p{width: 150px; height:130px; line-height:25px; font-size:14px;}
.dock ul.icons li.im p{width: 150px; height:130px; line-height:25px; font-size:14px;}
.dock ul.icons li.im p a{display: block; margin-top: 12px;width: 80px;height:30px;line-height:27px;color:#f00;font-size:14px;text-align:center;text-decoration: none; border:1px solid #f00;-moz-border-radius:5px;-webkit-border-radius: 5px;border-radius: 5px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;-ms-transition: all .3s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.dock ul.icons li.im p a:hover{color:#fff;background: #f30;border:1px solid #f00;}
.dock ul.icons li.wechat p{width:150px; height:150px; line-height:25px}
.dock ul.icons li.wechat p img{border: 2px solid #000; max-width:115px}
.dock a.switch{position: absolute;display: block; top:270px;right:11px; width:26px;height: 26px;background: url(../images/icons.png) no-repeat 0px -640px;cursor: pointer;-webkit-transition-delay: .15s;-moz-transition-delay: .15s;-ms-transition-delay: .15s;-o-transition-delay: .15s;transition-delay: .15s;transition:all .5s;}
.dock a.switch:hover{transform:rotate(180deg);}
/*.dock a.switch.off{background-position: -32px -640px;}*/

* {
	margin: 0 auto;
}



#_close {
	float: right;
	height: 0px;
	width: 0px;
	background: none;
	color: white;
	border-left: 1px solid white;
	border-bottom: 1px solid white;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
}

#login_container,#regist_container {
	width: 360px;height: 300px;
	text-align: center;
	display: none;
	position: fixed;
	left: 50%;top: 50%;
	margin-left: -180px;
	margin-top:-150px;
	background-color: #fff;border:1px solid #ccc;z-index: 999;padding-top: 15px;
}

#lab1 {
	width: 330px;
	border-bottom: 1px solid #000000;
	text-align: left;
	font-family: '微软雅黑';
}
#lab1 .switch{position: absolute;display: block; top:5px;right:11px; width:26px;height: 26px;background: url(../images/icons.png) no-repeat 0px -640px;cursor: pointer;-webkit-transition-delay: .15s;-moz-transition-delay: .15s;-ms-transition-delay: .15s;-o-transition-delay: .15s;transition-delay: .15s;transition:all .5s;


}
#lab1 a.switch:hover{transform:rotate(180deg);}
#lab_login {
	font-size: 30px;
	height: 40px;
	color: #000000;
}

#lab_toRegist,#lab_toLogin {
	font-size: 15px;
	line-height: 55px;
	float: right;
	color: #000000;
}

#lab_type1,
#lab_type2 {
	font-size: 16px;
	float: left;
	color: #8C8C8C;
}

#login_number,
#login_password {
	height: 50px;
	border-radius: 0;
	margin-top: 10px;
}

/* 注册表单 开始 */
#regist_account,
#regist_password1,
#regist_password2,
#regist_phone,
#regist_vcode
{
	height: 42px;
	border-radius: 0;
	margin-top: 5px;
}
#regist_vcode{
	width:200px;
	display: inline-block;
	float: left;
}
/* 注册表单 结束 */

/*获取验证码*/
#getVCode{
	width:125px;
	height: 40px;
	border-radius: 0;
	margin-top: 6px;
	float: right;
}
/*注册按钮*/
#regist_btn{
	width: 330px;
	height: 40px;
	border-radius: 0;
	margin-top: 20px;
}

/*注册表单容器*/
#form_container2 {
	width: 330px;
	border-bottom: 1px solid #FFFFFF;
}
