
.button {
	display: block;
	float: left;
	border: none;
	vertical-align: middle;
	position: relative;
	text-align: center;
	z-index: 1;
	color: #6c593e;
	background: url(../images/yelbg.jpg) no-repeat;
}
.btn .button {
	width: 138px;
	height: 60px;
}
.hot .button {
	width: 175px;
	height: 40px;
}
.button:focus {
	outline: none;
}
.button > span {
	vertical-align: middle;
}

/* Winona */
.button--winona {
	overflow: hidden;
	padding: 0;
	-webkit-transition: border-color 0.8s, background-color 0.3s;
	transition: border-color 0.3s, background-color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--winona::after {
	content: attr(data-text);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	color: #3f51b5;
	-webkit-transform: translate3d(0, 25%, 0);
	transform: translate3d(0, 25%, 0);
}
.button--winona > span {
	display: block;
}
.button--winona::after,
.button--winona > span {
	padding: 1.3em 0 1em 2em;
	width: 138px;height: 60px;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	box-sizing: border-box;
	color: #6c593e;
	font-size: 14px;
}
.button--winona:nth-child(1)::after,.button--winona > span.zhuce {
	background: url(../images/zhuce.png) no-repeat 18%;
}
.button--winona2::after,.button--winona > span.chongzhi {
	background: url(../images/chongzhi.png) no-repeat 18% !important;
}

.button--winona:hover {
	border-color: #3f51b5;
	background-color: rgba(63, 81, 181, 0.1);
}
.button--winona.button--inverted:hover {
	border-color: #21333C;
	background-color: #21333C;
}
.button--winona:hover::after {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	transition: .8s;
}
.button--winona:hover > span {
	opacity: 0;
	-webkit-transform: translate3d(0, -25%, 0);
	transform: translate3d(0, -25%, 0);
	transition: .8s;
}
