.dock {
	width: 50px; right: 0px; position: fixed; z-index: 200; opacity: 0.7; -moz-opacity: 0.7;
}
.close.dock {
	z-index: 50;
}
.dock ul.icons {
	background: rgb(17, 17, 17); border-width: 1px medium 1px 1px; border-style: solid none solid solid; border-color: rgb(51, 51, 51) currentColor rgb(51, 51, 51) rgb(51, 51, 51); list-style: none; padding: 0px; border-radius: 10px 0px 0px 10px; transition:0.3s ease-in-out; border-image: none; width: 50px; right: 0px; position: absolute; -webkit-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -moz-border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px;
}
.close.dock ul.icons {
	right: -70px;
}
.dock ul.icons li i {
	background: url("icons.png") no-repeat; transition:0.3s ease-in-out; width: 50px; height: 50px; display: block; position: relative; z-index: 210; cursor: pointer; -webkit-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s;
}
.dock ul.icons li.active i {
	opacity: 0.4; -moz-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.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 {
	background: rgb(17, 17, 17); border-width: 1px medium 1px 1px; border-style: solid none solid solid; border-color: rgb(51, 51, 51) currentColor rgb(51, 51, 51) rgb(51, 51, 51); padding: 15px; border-radius: 10px 0px 0px 10px; transition:0.4s ease-in-out 0.1s; border-image: none; top: 50px; height: 120px; right: -260px; color: white; line-height: 30px; overflow: hidden; display: block; position: absolute; z-index: 201; opacity: 0; -webkit-transition: all .4s ease-in-out .1s; -o-transition: all .4s ease-in-out .1s; -moz-transition: all .4s ease-in-out .1s; -moz-opacity: 0; -moz-border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px;
}
.dock ul.icons li.active p {
	right: 50px; opacity: 1; -moz-opacity: 1;
}
.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 {
	border-radius: 5px; border: 1px solid rgb(255, 0, 0); transition:0.3s ease-in-out; border-image: none; width: 80px; height: 30px; text-align: center; color: rgb(255, 0, 0); line-height: 27px; font-size: 14px; text-decoration: none; margin-top: 12px; display: block; -webkit-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.dock ul.icons li.im p a:hover {
	background: rgb(255, 51, 0); border: 1px solid rgb(255, 0, 0); border-image: none; color: rgb(255, 255, 255);
}
.dock ul.icons li.wechat p {
	width: 150px; height: 150px; line-height: 25px;
}
.dock ul.icons li.wechat p img {
	border: 2px solid rgb(0, 0, 0); border-image: none; max-width: 115px;
}
.dock a.switch {
	background: url("icons.png") no-repeat 0px -640px; transition:0.5s; top: 270px; width: 26px; height: 26px; right: 11px; display: block; position: absolute; cursor: pointer; -webkit-transition-delay: .15s; -moz-transition-delay: .15s; -o-transition-delay: .15s;
}
.dock a.switch:hover {
	transform: rotate(180deg);
}