html,
body,
div,
span,
applet,
object,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin        : 0;
	padding       : 0;
	border        : 0;
	font-size     : 100%;
	font          : inherit;
	font-weight   : normal;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

ol,
ul,
li {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing : 0;
}

th,
td {
	vertical-align: middle;
}

/* custom */
a {
	outline                    : none;
	color                      : #16418a;
	text-decoration            : none;
	-webkit-backface-visibility: hidden;
}

a:focus {
	outline: none;
}

input:focus,
select:focus,
textarea:focus {
	outline: -webkit-focus-ring-color auto 0;
}

.clearfix:before,
.clearfix:after {
	display: table;
	content: "";
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

* {
	box-sizing: border-box;
}


.dock {
	position: fixed;
	right    : 0px;
	width   : 50px;
	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 #ff0000;
	border-right : none;
	background   : rgba(199, 0, 11, 0.9);
	border-radius: 10px 0 0 10px;
	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(../img/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;
}

@keyframes twinkling {
	0% {
		-webkit-transform: scale(0.8);
	}

	50% {
		-webkit-transform: scale(1);
	}

	100% {
		-webkit-transform: scale(0.8);
	}
}

.dock ul.icons li.im i,
.dock ul.icons li.tel i,
.dock ul.icons li.wechat i {
	animation: twinkling 1s infinite ease-in-out;

}

.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.im p i {
	display       : inline-block;
	animation     : none;
	vertical-align: middle;
	zoom          : 0.75;
}


.dock ul.icons li.im p a {
	animation: twinkling 1s infinite ease-in-out;

}

.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                  : 0px;
	right                : -260px;
	padding              : 15px 20px;
	height               : 140px;
	color                : White;
	line-height          : 30px;
	border               : 1px solid #ff0000;
	border-right         : none;
	background           : rgba(199, 0, 11, 0.9);
	-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;
	box-sizing           : content-box;
}

.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: 220px;
}

.dock ul.icons li.im p {
	width : 115px;
	height: 220px;
}

.dock ul.icons li.im p a {
	display        : inline-block;
	width          : 60px;
	height         : 25px;
	line-height    : 22px;
	color          : #eee;
	font-size      : 12px;
	text-align     : center;
	text-decoration: none;
	border         : 1px solid #eee;
	border-radius  : 5px;
	opacity        : .8;
	transition     : all .3s ease-in-out 0s;
}

.dock ul.icons li.im p a:hover {
	color     : White;
	opacity   : 1;
	background: #009BDD;
	border    : 1px solid #0f8773;
}

.dock ul.icons li.wechat p {
	width      : 250px;
	line-height: 1.5;
	text-align : center;
	height     : 360px;
}

.dock ul.icons li.wechat p img {
	width : 115px;
	border: 2px solid White;
}

.dock a.switch {
	position                : absolute;
	display                 : block;
	top                     : 270px;
	right                   : 11px;
	width                   : 26px;
	height                  : 26px;
	background              : url(../img/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;
}

.dock a.switch.off {
	background-position: -32px -640px;
}