@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

@-webkit-keyframes flipOutYtest {
	from {
		-webkit-transform: perspective(1400px);
		transform: perspective(1400px);
	}
	40% {
		-webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 60deg);
		transform: perspective(1400px) rotate3d(0, 1, 0, 60deg);
		opacity: 1;
	}
	50% {
		-webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);
		opacity: 0;
	}
	to {
		-webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
		transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
		opacity: 0;
	}
}

.test {
	-webkit-animation: flipOutYtest 0.75s linear;
	animation: flipOutYtest 0.75s linear;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes flipInYtest {
	from {
		-webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);
		transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);
		opacity: 0;
	}
	50% {
		-webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);
		transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);
		opacity: 0;
	}
	60% {
		-webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);
		transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);
		opacity: 1;
	}
	to {
		-webkit-transform: perspective(1400px);
		transform: perspective(1400px);
		opacity: 1;
	}
}

.test2 {
	-webkit-animation: flipInYtest 0.75s linear;
	animation: flipInYtest 0.75s linear;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.well {
	width: 1000px;
	min-height: 250px;
	/*  margin: auto;
  min-width: 1250px;
  column-width: 250px;
  -webkit-column-width: 250px;
  -webkit-column-gap: 0px;
  column-gap: 0px;*/
	margin-left: auto;
	margin-right: auto;
	height: auto;
}

.well .well-item {
	position: relative;
	float: left;
	width: 33.333%;
	min-height: 250px;
	margin: 1%;
	cursor:pointer;
}
.gy_hk{
    position: absolute;
    height: 30px;
    width: 77px;
    bottom: 32px;
    left: 50%;
    /* right: 0; */
    z-index: 9999;
    margin-left: -43px;
}

.well .well-item img {
	width: 100%;
	min-height: 250px;
}

.correct {
	position: absolute;
	width: 100%;
	z-index: 111;
}

.opposite {
	min-height: 250px;
	width: 184px;
	margin-bottom: 6px;
}

.opposite div {
	min-height: 240px;
	width: 100%
}

.opposite-content {
	display: table;
	width: 100%;
	min-height: 250px;
	background: #bd3752;
}

.opposite-content-text {
	display: table-cell;
	/*vertical-align: middle;
	text-align: center;*/
	color: #fff;
	font-size: 12px;
	padding: 30px 0 10px 20px;
	text-align: center;
}

.opposite-content-text h3{
	margin-bottom: 10px;
	text-align: left;
}

.opposite-content-text h5{
	line-height: 30px;
	text-align: left;
	margin-bottom: 6px;
	overflow: hidden;
    /*white-space: initial;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;*/
	
}
.opposite-content-text a{
    position: absolute;
    z-index: 110;
    background: #fff;
    color: #c33653;
    padding: 5px 10px;
    border-radius: 22px;
    font-size: 12px;
    margin-top: 30px;
    right: 50%;
    margin-right: -64px;
    font-size: 12px;
    margin-top: 30px;
    bottom: 40px;
}