@charset "UTF-8";

}
@-webkit-keyframes audio-rotate {
from {
transform:rotate(0deg);
-ms-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
-o-transform:rotate(0deg)
}
to {
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg)
}
}
@-moz-keyframes audio-rotate {
from {
transform:rotate(0deg);
-ms-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
-o-transform:rotate(0deg)
}
to {
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg)
}
}
@keyframes audio-rotate {
from {
transform:rotate(0deg);
-ms-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
-o-transform:rotate(0deg)
}
to {
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg)
}
}
@-webkit-keyframes rotate360 {
0% {
-webkit-transform:rotate(0deg)
}
25% {
-webkit-transform:rotate(90deg)
}
50% {
-webkit-transform:rotate(180deg)
}
75% {
-webkit-transform:rotate(270deg)
}
100% {
-webkit-transform:rotate(360deg)
}
}
@-moz-keyframes rotate360 {
0% {
-webkit-transform:rotate(0deg)
}
25% {
-webkit-transform:rotate(90deg)
}
50% {
-webkit-transform:rotate(180deg)
}
75% {
-webkit-transform:rotate(270deg)
}
100% {
-webkit-transform:rotate(360deg)
}
}
@keyframes rotate360 {
0% {
-webkit-transform:rotate(0deg)
}
25% {
-webkit-transform:rotate(90deg)
}
50% {
-webkit-transform:rotate(180deg)
}
75% {
-webkit-transform:rotate(270deg)
}
100% {
-webkit-transform:rotate(360deg)
}
}
@-webkit-keyframes auto-scroll {
0%, 100% {
-webkit-transform:translate3d(-50%, -23%, 0) rotate(15deg);
transform:translate3d(-50%, -23%, 0) rotate(15deg)
}
50% {
-webkit-transform:translate3d(-50%, -77%, 0) rotate(15deg);
transform:translate3d(-50%, -77%, 0) rotate(15deg)
}
}
@-moz-keyframes auto-scroll {
0%, 100% {
-moz-transform:translate3d(-50%, -23%, 0) rotate(15deg);
transform:translate3d(-50%, -23%, 0) rotate(15deg)
}
50% {
-moz-transform:translate3d(-50%, -77%, 0) rotate(15deg);
transform:translate3d(-50%, -77%, 0) rotate(15deg)
}
}
@keyframes auto-scroll {
0%, 100% {
-webkit-transform:translate3d(-50%, -23%, 0) rotate(15deg);
-moz-transform:translate3d(-50%, -23%, 0) rotate(15deg);
transform:translate3d(-50%, -23%, 0) rotate(15deg)
}
50% {
-webkit-transform:translate3d(-50%, -77%, 0) rotate(15deg);
-moz-transform:translate3d(-50%, -77%, 0) rotate(15deg);
transform:translate3d(-50%, -77%, 0) rotate(15deg)
}
}
@-webkit-keyframes auto-scroll2 {
0% {
-webkit-transform:translate3d(-49.6%, -23%, 0) rotate(15deg);
transform:translate3d(-49.6%, -23%, 0) rotate(15deg)
}
100% {
-webkit-transform:translate3d(-49.6%, -webkit-calc(-123% - 8px), 0) rotate(15deg);
transform:translate3d(-49.6%, calc(-123% - 8px), 0) rotate(15deg)
}
}
@-moz-keyframes auto-scroll2 {
0% {
-moz-transform:translate3d(-49.6%, -23%, 0) rotate(15deg);
transform:translate3d(-49.6%, -23%, 0) rotate(15deg)
}
100% {
-moz-transform:translate3d(-49.6%, -moz-calc(-123% - 8px), 0) rotate(15deg);
transform:translate3d(-49.6%, calc(-123% - 8px), 0) rotate(15deg)
}
}
@keyframes auto-scroll2 {
0% {
-webkit-transform:translate3d(-49.6%, -23%, 0) rotate(15deg);
-moz-transform:translate3d(-49.6%, -23%, 0) rotate(15deg);
transform:translate3d(-49.6%, -23%, 0) rotate(15deg)
}
100% {
-webkit-transform:translate3d(-49.6%, -webkit-calc(-123% - 8px), 0) rotate(15deg);
-moz-transform:translate3d(-49.6%, -moz-calc(-123% - 8px), 0) rotate(15deg);
transform:translate3d(-49.6%, calc(-123% - 8px), 0) rotate(15deg)
}
}
.industry-model {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
	z-index: 999
}
.industry-model .industry-main {
	z-index: 2;
	position: relative;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 850px;
	height: 473px;
	background: #fff;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	overflow: hidden;
	padding: 20px
}
.industry-model .industry-main .industry-head {
	width: 100%;
	height: 32px;
	line-height: 32px
}
.industry-model .industry-main .industry-head img {
	float: left;
	width: 32px;
	height: 32px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-right: 10px
}
.industry-model .industry-main .industry-head p {
	float: left;
	height: 32px;
	line-height: 32px;
	font-size: 16px;
	color: rgba(0,0,0,.65)
}
.industry-model .industry-main .industry-head p.username {
	color: #00be6e;
	margin-right: 10px
}
.industry-model .industry-main .industry-head p em {
	font-size: 12px;
	color: #999
}
.industry-model .industry-main .industry-head p:last-child {
	float: right
}
.industry-model .industry-main .industry-content {
	width: 630px;
	height: 320px;
	margin: 0 auto;
	margin-top: 25px
}
.industry-model .industry-main .industry-content .title {
	width: 100%;
	font-size: 14px;
	color: rgba(0,0,0,.65);
	margin-bottom: 20px
}
.industry-model .industry-main .industry-content .industry-list {
	width: 100%;
	height: 280px;
	padding: 10px 0;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #dfe3e9
}
.industry-model .industry-main .industry-content .industry-list ul {
	float: left;
	width: 50%;
	height: 100%;
	overflow-y: auto
}
.industry-model .industry-main .industry-content .industry-list ul li {
	width: -webkit-calc(100% - 10px);
	width: -moz-calc(100% - 10px);
	width: calc(100% - 10px);
	height: 43px;
	line-height: 43px;
	text-align: center;
	font-size: 14px;
	color: rgba(0,0,0,.65);
	cursor: pointer
}
.industry-model .industry-main .industry-content .industry-list ul li.active {
	background: #e3ffed
}
.industry-model .industry-main .industry-content .industry-list ul::-webkit-scrollbar {
width:6px;
height:10px;
-webkit-border-radius:6px;
border-radius:6px;
background-color:#DEDEDE;
position:absolute;
right:5px
}
.industry-model .industry-main .industry-content .industry-list ul::-webkit-scrollbar-track {
-webkit-border-radius:6px;
border-radius:6px;
background-color:#DEDEDE
}
.industry-model .industry-main .industry-content .industry-list ul::-webkit-scrollbar-thumb {
width:6px;
-webkit-border-radius:6px;
border-radius:6px;
background-color:#B6B6B6
}
.industry-model .industry-main .industry-foot {
	position: relative;
	width: 100%;
	height: 36px;
	margin-top: 20px
}
.industry-model .industry-main .industry-foot p {
	float: left;
	height: 100%;
	cursor: pointer
}
.industry-model .industry-main .industry-foot p.close {
	line-height: 36px;
	font-size: 12px;
	color: #999
}
.industry-model .industry-main .industry-foot p.submit {
	position: relative;
	left: 45%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 90px;
	height: 36px;
	line-height: 36px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
	background: -webkit-gradient(linear, left top, right top, from(#32e696), to(#00be6e));
	background: -webkit-linear-gradient(left, #32e696 0, #00be6e 100%);
	background: -moz- oldlinear-gradient(left, #32e696 0, #00be6e 100%);
	background: linear-gradient(90deg, #32e696 0, #00be6e 100%);
	font-size: 14px;
	color: #fff
}

.icon-guanbi:hover {
	animation: turn2 .3s linear
}
@keyframes turn2 {
0% {
transform:rotate(0deg)
}
25% {
transform:rotate(90deg)
}
50% {
transform:rotate(180deg)
}
75% {
transform:rotate(270deg)
}
100% {
transform:rotate(360deg)
}
}

��login-model {
	z-index: 10000!important
}
.login-model.is-has .login-wrap {
	transition: all .3s;
	left: 170px
}
.login-model.is-has .free-vip {
	width: 240px;
	position: absolute;
	top: 0;
	left: -240px;
	height: 100%
}
.login-model.is-has .free-vip .fv-bg {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	overflow: hidden;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	background-color: rgba(122,118,118,.91)
}
.questionnaire-row {
	width: 240px;
	height: 140px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.3);
	box-shadow: 0 0 6px 0 rgba(0,0,0,.3);
	-webkit-border-radius: 4px;
	border-radius: 4px;
	position: fixed;
	bottom: -280px;
	right: 60px;
	z-index: 990;
	padding: 16px 10px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease
}
.questionnaire-row.active {
	bottom: 20px
}
.questionnaire-row .bg-main {
	position: absolute;
	left: 0;
	top: 0;
	width: 240px;
	height: 140px;
	background-image: url(../images/public/Rectangle-entry.jpg);
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center
}
.questionnaire-row .title {
	font-size: 16px;
	color: #00be6e;
	line-height: 16px;
	text-align: center
}
.questionnaire-row .icon-guanbi {
	position: absolute;
	font-size: 16px;
	color: gray;
	top: 8px;
	right: 8px;
	cursor: pointer;
	z-index: 9
}
.questionnaire-row .icon-guanbi:hover {
	-webkit-animation: turn2 .3s linear;
	-moz-animation: turn2 .3s linear;
	animation: turn2 .3s linear
}
.questionnaire-row .con {
	width: 100%;
	height: auto
}
.questionnaire-row .con .con-list:nth-child(1) {
	margin-top: 10px
}
.questionnaire-row .con .con-list:nth-child(2) {
	margin-top: 30px
}
.questionnaire-row .con .list-title {
	font-weight: 700;
	color: #000;
	font-size: 14px
}
.questionnaire-row .con .list-title label {
	color: #ff470a
}
.questionnaire-row .con .list-con {
	font-size: 12px;
	margin-top: 8px
}
.questionnaire-row .con .list-con .qtw-radio {
	margin-right: 3px;
	padding-left: 10px;
	font-size: 12px
}
.questionnaire-row .con .list-con .qtw-radio .qtw-radio--input {
	width: 14px;
	height: 14px;
	line-height: 14px;
	font-size: 12px
}
.questionnaire-row .con .list-con>span {
	font-size: 12px;
	color: rgba(0,0,0,.65)
}
.questionnaire-row .con .radio-row .right-title {
	width: 100px;
	height: auto;
	margin-right: 40px;
	font-size: 12px;
	color: rgba(0,0,0,.65);
	padding-top: 23px
}
.questionnaire-row .con .radio-row .right-title span {
	display: block
}
.questionnaire-row .con .radio-row .right-title span:nth-child(1)~span {
	margin-top: 15px
}
.questionnaire-row .con .radio-row table {
	width: 300px;
	height: 117px
}
.questionnaire-row .con .radio-row table td {
	padding: 14px 0;
	text-align: center
}
.questionnaire-row .con .radio-row table th {
	color: rgba(0,0,0,.65);
	text-align: center
}
.questionnaire-row .con .qtw-input-area {
	width: 100%
}
.questionnaire-row .con .qtw-button {
	margin-top: 20px
}
@-webkit-keyframes turn2 {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
25% {
-webkit-transform:rotate(60deg);
transform:rotate(60deg)
}
50% {
-webkit-transform:rotate(90deg);
transform:rotate(90deg)
}
75% {
-webkit-transform:rotate(120deg);
transform:rotate(120deg)
}
100% {
-webkit-transform:rotate(180deg);
transform:rotate(180deg)
}
}
@-moz-keyframes turn2 {
0% {
-moz-transform:rotate(0deg);
transform:rotate(0deg)
}
25% {
-moz-transform:rotate(60deg);
transform:rotate(60deg)
}
50% {
-moz-transform:rotate(90deg);
transform:rotate(90deg)
}
75% {
-moz-transform:rotate(120deg);
transform:rotate(120deg)
}
100% {
-moz-transform:rotate(180deg);
transform:rotate(180deg)
}
}
@keyframes turn2 {
0% {
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
transform:rotate(0deg)
}
25% {
-webkit-transform:rotate(60deg);
-moz-transform:rotate(60deg);
transform:rotate(60deg)
}
50% {
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
transform:rotate(90deg)
}
75% {
-webkit-transform:rotate(120deg);
-moz-transform:rotate(120deg);
transform:rotate(120deg)
}
100% {
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
transform:rotate(180deg)
}
}
.integral {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 500;
	overflow: hidden
}
.integral-background {
	opacity: .4;
	filter: alpha(opacity=40);
	-moz-opacity: .4;
	width: 100%;
	height: 100%;
	background: #000
}
.integral-close {
	width: 14px;
	height: 14px;
	background: url(//icon.qiantucdn.com/revision/images/sc7.png) no-repeat;
	position: absolute;
	top: 13px;
	right: 13px;
	cursor: pointer
}
.integral-model {
	width: 360px;
	height: 260px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -180px;
	margin-top: -130px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 0 15px #666;
	overflow: hidden
}
@keyframes rotation {
from {
transform:rotate(0deg)
}
to {
	transform: rotate(360deg)
}
}
@-moz-keyframes rotation {
from {
-moz-transform:rotate(0deg)
}
to {
	-moz-transform: rotate(360deg)
}
}
@-webkit-keyframes rotation {
from {
-webkit-transform:rotate(0deg)
}
to {
	-webkit-transform: rotate(360deg)
}
}
@-o-keyframes rotation {
from {
-o-transform:rotate(0deg)
}
to {
	-o-transform: rotate(360deg)
}
}
.integral-animation1 {
	animation: integralOpacity 2s linear;
	-webkit-animation: integralOpacity 2s linear;
	-moz-animation: integralOpacity 2s linear;
	-o-animation: integralOpacity 2s linear;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards
}
.integral-animation2 {
	animation: integralRight 2s linear;
	-webkit-animation: integralRight 2s linear;
	-moz-animation: integralRight 2s linear;
	-o-animation: integralRight 2s linear;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards
}
@keyframes integralOpacity {
from {
opacity:1;
display:block
}
to {
	opacity: 0;
	display: none
}
}
@-webkit-keyframes integralOpacity {
from {
opacity:1;
display:block
}
to {
	opacity: 0;
	display: none
}
}
@-moz-keyframes integralOpacity {
from {
-moz-opacity:1;
display:block
}
to {
	-moz-opacity: 0;
	display: none
}
}
@-o-keyframes integralOpacity {
from {
opacity:1;
display:block
}
to {
	opacity: 0;
	display: none
}
}
@keyframes integralRight {
from {
left:50%;
top:50%;
transform:scale(1);
opacity:1
}
to {
	left: 110%;
	top: 80%;
	transform: scale(0);
	opacity: 0
}
}
@-webkit-keyframes integralRight {
from {
left:50%;
top:50%;
-webkit-transform:scale(1);
opacity:1
}
to {
	left: 110%;
	top: 80%;
	-webkit-transform: scale(0);
	opacity: 0
}
}
@-moz-keyframes integralRight {
from {
left:50%;
top:50%;
-moz-transform:scale(1);
-moz-opacity:1
}
to {
	left: 110%;
	top: 80%;
	-moz-transform: scale(0);
	-moz-opacity: 0
}
}
@-o-keyframes integralRight {
from {
left:50%;
top:50%;
-o-transform:scale(1);
opacity:1
}
to {
	left: 110%;
	top: 80%;
	-o-transform: scale(0);
	opacity: 0
}
}
.integral-img-qtb {
	width: 100%;
	height: 103px;
	margin-top: 19px;
	text-align: center;
	display: none;
	background: url(//pic.qiantucdn.com/yang/integral/integral-qtb.png) no-repeat center
}
.integral-img-gx {
	width: 100%;
	height: 103px;
	margin-top: 19px;
	text-align: center;
	display: none;
	background: url(//pic.qiantucdn.com/yang/integral/integral-gx.png) no-repeat center
}
.integral-img-yc {
	width: 100%;
	height: 103px;
	margin-top: 19px;
	text-align: center;
	display: none;
	background: url(//pic.qiantucdn.com/yang/integral/integral-yc.png) no-repeat center
}
.integral-img-bg {
	width: 100%;
	height: 103px;
	margin-top: 19px;
	text-align: center;
	display: none;
	background: url(//pic.qiantucdn.com/yang/integral/integral-bg.png) no-repeat center
}
.integral-img-all {
	width: 100%;
	height: 103px;
	margin-top: 19px;
	text-align: center;
	display: none;
	background: url(//pic.qiantucdn.com/yang/integral/integral-all.png) no-repeat center
}
.integral-img2 {
	width: 100%;
	height: 103px;
	background: url(//pic.qiantucdn.com/yang/integral/integral2.png) no-repeat center;
	margin-top: 19px
}
.integral-txt1 {
	color: #ff7800;
	font-size: 23px;
	text-align: center
}
.integral-txt2 {
	color: #666;
	font-size: 23px;
	text-align: center;
	margin-top: 18px
}
.integral-txt3 {
	color: #666;
	font-size: 16px;
	text-align: center;
	margin-top: 6px
}
.integral-model2 {
	z-index: 2;
	width: 465px;
	height: 505px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -232px;
	margin-top: -252px;
	background: #fff url(//pic.qiantucdn.com/yang/integral/integral-back.png) no-repeat center top;
	border-radius: 5px;
	box-shadow: 0 0 15px #666
}
.integral-close2 {
	width: 19px;
	height: 19px;
	background: url(//pic.qiantucdn.com/yang/img/error2.png) no-repeat;
	position: absolute;
	top: 13px;
	right: 13px;
	cursor: pointer
}
.integral-title {
	width: 100%;
	height: 74px;
	font-size: 30px;
	line-height: 74px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	text-shadow: 3px 3px 3px #21c164;
	float: left
}
.integral-explain {
	width: 100%;
	font-size: 18px;
	height: 49px;
	text-align: center;
	color: #fff;
	text-shadow: 3px 3px 3px #21c164;
	float: left
}
.integral-time {
	width: 100%
}
.integral-get {
	width: 40px;
	height: 38px;
	display: none;
	position: absolute;
	top: 0;
	right: 1px;
	background: url(//pic.qiantucdn.com/yang/integral/integral3.png) no-repeat
}
.integral-tomorrow {
	width: 40px;
	height: 38px;
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	background: url(//pic.qiantucdn.com/yang/integral/integral4.png) no-repeat
}
.integral-agency {
	width: 37px;
	height: 36px;
	display: none;
	position: absolute;
	top: 0;
	right: 1px;
	background: url(//pic.qiantucdn.com/yang/integral/integral23.png) no-repeat
}
.integral-position1 {
	left: 30px
}
.integral-position2 {
	left: 147px
}
.integral-position3 {
	left: 265px
}
.integral-position4 {
	left: 382px
}
.integral-position5 {
	left: 499px
}
.integral-position6 {
	left: 617px
}
.integral-position7 {
	left: 734px;
	width: 47px!important
}
.integral-color {
	background: #10c55b;
	background: -webkit-linear-gradient(left, #1beb71, #10c55b);
	background: -o-linear-gradient(left, #1beb71, #10c55b);
	background: -moz-linear-gradient(left, #1beb71, #10c55b);
	background: linear-gradient(left, #1beb71, #10c55b)
}
.integral-btn {
	width: 201px;
	height: 41px;
	float: left;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 15px;
	line-height: 40px;
	border-radius: 4px;
	margin-top: 295px;
	margin-left: 131px
}
.integral-link {
	width: 122px;
	height: 41px;
	float: left;
	display: none;
	text-align: center;
	color: #fff;
	font-size: 15px;
	line-height: 40px;
	border-radius: 4px;
	margin-top: 295px;
	margin-left: 100px
}
.integral-over {
	width: 122px;
	height: 41px;
	float: left;
	display: none;
	text-align: center;
	background: #f0fef5;
	color: #5ac56a;
	border: 1px solid #5ac56a;
	font-size: 15px;
	line-height: 40px;
	border-radius: 4px;
	margin-top: 295px;
	margin-left: 20px
}
.integral-date {
	width: 100%;
	text-align: center;
	float: left;
	color: #666;
	font-size: 13px;
	margin-top: 9px
}
. .integral-back5 .integral-btn.disable {
pointer-events:none;
background:#ccc!important
}
.integral-background2 {
	z-index: 1;
	width: 927px;
	height: 880px;
	background: url(//pic.qiantucdn.com/yang/integral/integral17.png) no-repeat;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -440px;
	margin-left: -463px;
	animation: rotation 8s linear infinite;
	-moz-animation: rotation 8s linear infinite;
	-webkit-animation: rotation 8s linear infinite;
	-o-animation: rotation 8s linear infinite
}
@keyframes rotation {
from {
transform:rotate(0deg)
}
to {
	transform: rotate(360deg)
}
}
@-moz-keyframes rotation {
from {
-moz-transform:rotate(0deg)
}
to {
	-moz-transform: rotate(360deg)
}
}
@-webkit-keyframes rotation {
from {
-webkit-transform:rotate(0deg)
}
to {
	-webkit-transform: rotate(360deg)
}
}
@-o-keyframes rotation {
from {
-o-transform:rotate(0deg)
}
to {
	-o-transform: rotate(360deg)
}
}
.integral-position-top {
	width: 550px;
	height: 155px;
	background: url(//pic.qiantucdn.com/yang/integral/integral18.png) no-repeat;
	position: absolute;
	left: -40px;
	top: -90px
}
.integral-position-top p {
	width: 550px;
	height: 155px;
	background: url(//pic.qiantucdn.com/yang/integral/integral24.png) no-repeat;
	animation: integralOpacitys 1s linear infinite;
	-webkit-animation: integralOpacitys 1s linear infinite;
	-moz-animation: integralOpacitys 1s linear infinite;
	-o-animation: integralOpacitys 1s linear infinite
}
@keyframes integralOpacitys {
0% {
opacity:1
}
50% {
opacity:.3
}
100% {
opacity:1
}
}
@-webkit-keyframes integralOpacitys {
0% {
opacity:1
}
50% {
opacity:.3
}
100% {
opacity:1
}
}
@-moz-keyframes integralOpacitys {
0% {
-moz-opacity:1
}
50% {
-moz-opacity:.3
}
100% {
-moz-opacity:1
}
}
@-o-keyframes integralOpacitys {
0% {
opacity:1
}
50% {
opacity:.3
}
100% {
opacity:1
}
}
.integral-nav-display1 p {
	background: url(//pic.qiantucdn.com/yang/integral/integral10.png) no-repeat top left
}
.integral-nav-display2 p {
	background: url(//pic.qiantucdn.com/yang/integral/integral11.png) no-repeat top left
}
.integral-nav-display3 p {
	background: url(//pic.qiantucdn.com/yang/integral/integral12.png) no-repeat top left
}
.integral-nav-display4 p {
	background: url(//pic.qiantucdn.com/yang/integral/integral13.png) no-repeat top left
}
.integral-nav-display5 p {
	background: url(//pic.qiantucdn.com/yang/integral/integral14.png) no-repeat top left
}
.integral-nav-display6 p {
	background: url(//pic.qiantucdn.com/yang/integral/integral15.png) no-repeat top left
}
.integral-nav-display7 p {
	background: url(//pic.qiantucdn.com/yang/integral/integral16.png) no-repeat top left
}
.integral-get-display1 {
	display: block
}
.integral-get-display2 {
	display: block
}
.integral-get-display3 {
	display: block
}
.integral-get-display4 {
	display: block
}
.integral-get-display5 {
	display: block
}
.integral-get-display6 {
	display: block
}
.integral-get-display7 {
	display: block
}
.integral-tomorrow-display2 {
	display: block
}
.integral-agency-display3 {
	display: block
}
.tally {
	width: 56px;
	position: fixed;
	right: 2px;
	bottom: 80px;
	z-index: 101
}
.activity12-right {
	position: fixed;
	right: 4px;
	bottom: 310px;
	width: 54px;
	height: 60px;
	border: 1px solid rgba(232,232,232,1);
	border-radius: 4px;
	background-image: url(../images/rightBtnV2/2mouth.png);
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	cursor: pointer;
	margin-bottom: 10px
}
.activity12-right1 {
	border: 0;
	background-image: url(../images/rightBtnV2/hubei.png)!important
}
.tally>a {
	width: 54px;
	float: left;
	font-size: 12px;
	color: #747474;
	background: #fff;
	padding-top: 9px;
	overflow: hidden;
	padding-bottom: 7px;
	border-left: 1px solid #ececec;
	border-right: 1px solid #ececec;
	display: block;
	text-align: center
}
.tally>a i {
	display: block;
	margin: 0 auto 3px
}
.tally>a i.icon-liwu {
	font-size: 24px;
	text-align: center
}
.tally .tally-a1 {
	color: #10c55b;
	border-top: 1px solid #ececec;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	position: relative
}
.tally .tally-a1 .tally-a1-icon {
	background: url(//icon.qiantucdn.com/model/img/icon52.gif) no-repeat;
	width: 31px;
	height: 28px;
	position: absolute;
	top: -9px;
	left: -9px
}
.tally-a1-icon {
	background: url(//icon.qiantucdn.com/model/img/icon52.gif) no-repeat;
	width: 31px;
	height: 28px;
	position: absolute;
	top: -9px;
	left: -9px
}
.tally .tally-aa1 {
	color: #fff;
	background: #10c55b
}
.tally .tally-aa1 i {
	background: url(//icon.qiantucdn.com/model/img/icon5.png) no-repeat 0 0
}
.tally .tally-aa2 {
	color: #fff;
	background: #10c55b
}
.tally .tally-aa2 i {
	background: url(//icon.qiantucdn.com/model/img/icon5.png) no-repeat 0 -26px
}
.tally .tally-a3 {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: 1px solid #ececec;
	position: relative;
	overflow: visible
}
.tally .tally-a4 {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: 1px solid #ececec;
	position: relative;
	overflow: visible
}
.tally-assess-entrance {
	width: 198px;
	height: 115px;
	display: none;
	text-align: center;
	font-size: 12px;
	color: #FFF;
	line-height: 30px;
	background: #F3FFF8;
	border: 1px solid #72E0A0;
	border-radius: 4px;
	position: absolute;
	top: -56px;
	left: -199px;
	z-index: 97
}
.tally-img-l {
	width: 77px;
	height: 99px;
	display: inline-block;
	margin-top: 15px;
	position: relative;
	float: left
}
.l-text-ogc {
	width: 98px;
	display: inline-block;
	font-size: 14px;
	color: #666;
	line-height: 20px;
	margin-top: 19px
}
.l-text-ogc i {
	color: #10C55B
}
.l-btn-ogc {
	display: inline-block;
	background-image: linear-gradient(-90deg, #10C55B 0, #17E66C 100%);
	width: 89px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	border-radius: 4px;
	text-align: center;
	margin-top: 6px
}
.tally-assess {
	width: 100px;
	height: 30px;
	display: none;
	text-align: center;
	font-size: 12px;
	color: #FFF;
	line-height: 30px;
	background: #10C55B;
	box-shadow: 0 2px 13px 0 rgba(16,197,91,.5);
	border-radius: 4px;
	position: absolute;
	top: 14px;
	left: -110px
}
.tally-assess:after {
	content: '';
	width: 0;
	height: 0;
	border-width: 5px 0 5px 5px;
	border-style: solid;
	border-color: transparent transparent transparent #10C55B;
	position: absolute;
	top: 10px;
	right: -5px
}
.tally .tally-a5 {
	border-bottom: 1px solid #ececec;
	border-top: 1px solid #ececec;
	border-radius: 4px;
	margin-top: 1px;
	display: none
}
.tally .tally-a6 {
	border-left: 0;
	border-right: 0;
	background: #f6f6f6;
	padding-bottom: 10px;
	margin-top: 15px;
	border-radius: 4px;
	display: none
}
.tallyActivity {
	margin-bottom: 10px;
	font-size: 14px!important;
	font-weight: 400!important;
	border: 1px solid #ececec!important
}
.tally.is-activity11 .tally-ul2 {
	top: 60px
}
.tallyActivity-active {
	margin-bottom: 10px;
	border: 1px solid #ececec!important;
	border-radius: 4px;
	font-size: 14px;
	color: #10C55B;
	border-top: 1px solid #ececec;
	height: 60px;
	position: relative;
	overflow: visible;
	visibility: visible;
	padding-top: 15px
}
.tallyActivity-active:hover {
	background: #fff!important
}
.tallyActivity-active:hover>img {
	opacity: .7
}
.tallyActivity-active>img {
	display: block;
	width: 40px;
	height: 38px;
	margin: 0 auto
}
.tallyActivity:hover >.vip-tips {
	display: block
}
.tallyActivity:hover>.icon-VIP1 {
	background: url(../images/vip1.png) no-repeat center;
	background-size: contain
}
.vip-tips {
	height: 30px;
	padding: 5px;
	width: 114px;
	border-radius: 3px;
	box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
	border: 1px solid #cff3de;
	position: absolute;
	right: 65px;
	top: 35%;
	text-align: left;
	color: #10c55b;
	background-color: #fff
}
.vip-tips::after {
	content: '\25BA';
	width: 0;
	height: 0;
	color: #cff3de;
	position: absolute;
	right: 0;
	top: 3px;
	right: 1px;
	border: 1px solid #cff3de
}
.vip-tips>.yc {
	background-image: url(../images/yx.png);
	background-repeat: no-repeat;
	background-size: 15%;
	width: 100%;
	height: 20px;
	text-align: left;
	font-size: 12px!important;
	margin: 0!important;
	font-weight: 700
}
.tally .tallyActivity {
	border-radius: 4px;
	font-weight: 700;
	font-size: 14px;
	color: #10C55B;
	border-top: 1px solid #ececec;
	height: 74px;
	position: relative;
	overflow: visible;
	visibility: visible;
	padding-top: 15px
}
.tally .tallyActivity i {
	text-align: center;
	font-size: 27px;
	margin-bottom: 0;
	font-weight: 400
}
.tally .tallyActivity .tallyActivity-icon {
	width: 20px;
	height: 20px;
	position: absolute;
	top: -8px;
	left: -8px;
	background: url(//pic.qiantucdn.com/model/img/icon51.png) no-repeat
}
.tally .tallyActivity .tallyActivity-tips {
	display: none;
	width: 20px;
	height: 20px;
	color: #fff;
	position: absolute;
	top: -8px;
	left: -8px;
	background-color: #f8792b;
	border-radius: 10px;
	text-align: center;
	line-height: 20px;
	font-size: 12px
}
.tally>a:hover {
	background: #10c55b;
	color: #fff
}
.tally a:hover i.tally-i1 {
	background: url(//icon.qiantucdn.com/model/img/icon5.png) no-repeat 0 0
}
.tally a:hover i.tally-i2 {
	background: url(//icon.qiantucdn.com/model/img/icon5.png) no-repeat 0 -26px
}
.tally a:hover i.tally-i3 {
	background: url(//icon.qiantucdn.com/model/img/icon5.png) no-repeat 0 -50px
}
.tally a:hover i.tally-i4 {
	background: url(//icon.qiantucdn.com/model/img/icon5.png) no-repeat 0 -76px
}
.tally a:hover i.tally-i5 {
	background: url(//icon.qiantucdn.com/model/img/icon5.png) no-repeat 0 -103px
}
.tally a:hover i.tally-i6 {
	background: url(//icon.qiantucdn.com/model/img/icon5.png) no-repeat -60px -92px
}
.tally-i1 {
	width: 24px;
	height: 22px;
	background: url(//icon.qiantucdn.com/model/img/icon5.png) no-repeat -26px 0
}
.tally-i2 {
	width: 24px;
	height: 22px;
	background: url(//icon.qiantucdn.com/model/img/icon5.png) no-repeat -26px -26px
}
.tally-i3 {
	width: 24px;
	height: 22px;
	background: url(//icon.qiantucdn.com/model/img/icon5.png) no-repeat -28px -50px
}
.tally-i4 {
	width: 24px;
	height: 22px;
	background: url(//icon.qiantucdn.com/model/img/icon5.png) no-repeat -26px -76px
}
.tally-i5 {
	width: 25px;
	height: 25px;
	background: url(//icon.qiantucdn.com/model/img/icon5.png) no-repeat -28px -103px
}
.tally-i6 {
	width: 20px;
	height: 11px;
	background: url(//icon.qiantucdn.com/model/img/icon5.png) no-repeat -88px -92px
}
.tally-ul1 {
	height: 58px;
	width: 163px;
	position: absolute;
	top: 1px;
	left: -163px;
	box-shadow: 0 1px 8px #d9d9d9;
	background: #fff;
	display: none
}
.tally-a7 {
	font-size: 12px;
	width: 85px;
	float: left;
	display: block;
	text-align: center;
	height: 58px
}
.tally-a7 i {
	width: 28px;
	height: 28px;
	background: url(//icon.qiantucdn.com/model/img/icon5.png) no-repeat -89px -108px;
	display: block;
	margin: 7px auto 3px
}
.tally-a7 span {
	color: #fa4149
}
.tally-a8 {
	font-size: 12px;
	width: 75px;
	float: left;
	display: block;
	text-align: center;
	height: 58px
}
.tally-a8 i {
	width: 24px;
	height: 24px;
	background: url(//icon.qiantucdn.com/model/img/icon5.png) no-repeat -58px -108px;
	display: block;
	margin: 9px auto 5px
}
.tally-ul2 {
	width: 240px;
	position: absolute;
	top: -2px;
	left: -240px;
	box-shadow: 0 1px 8px #d9d9d9;
	display: none;
	background: #fff;
	padding-bottom: 15px
}
.tally-ul2 img {
	display: block;
	margin: 10px auto
}
.tally-ul2 p {
	color: #333;
	font-size: 14px;
	line-height: 22px;
	padding-left: 47px;
	padding-top: 15px;
	position: relative
}
.tally-p1:after {
	position: absolute;
	content: " ";
	top: 21px;
	left: 12px;
	width: 22px;
	height: 23px;
	background: url(//icon.qiantucdn.com/img/searchnew/common2.png) no-repeat -156px -176px
}
.tally-p2:after {
	position: absolute;
	content: " ";
	top: 21px;
	left: 12px;
	width: 24px;
	height: 24px;
	background: url(//icon.qiantucdn.com/img/searchnew/common2.png) no-repeat -66px -176px
}
.tally-ul2 p strong {
	font-size: 16px;
	font-weight: 700
}
.tally-ul2 p span {
	color: #10c55b;
	font-weight: 700;
	display: inline-block;
	margin-top: 10px
}
.tally-a9 {
	width: 90px;
	height: 36px;
	text-align: center;
	display: inline-block;
	line-height: 36px;
	font-size: 14px;
	color: #fff;
	border-radius: 5px;
	margin-top: 3px;
	background: #10c55b;
	background: -webkit-linear-gradient(left, #1beb71, #10c55b);
	background: -o-linear-gradient(left, #1beb71, #10c55b);
	background: -moz-linear-gradient(left, #1beb71, #10c55b);
	background: linear-gradient(left, #1beb71, #10c55b)
}
.tally-ul3 {
	width: 280px;
	height: 165px;
	position: absolute;
	top: 185px;
	left: -280px;
	display: none;
	box-shadow: 0 1px 8px #d9d9d9
}
.tally-ul3 li {
	width: 140px;
	height: 100%;
	float: left;
	font-size: 14px;
	text-align: center;
	background: #fff;
	padding-top: 6px
}
.tally-ul3 img {
	width: 137px;
	display: block;
	margin: 0 auto
}
.tally-actFixed {
	width: 130px!important;
	height: 30px;
	position: absolute;
	top: 21px;
	left: -155px;
	line-height: 20px;
	display: none!important;
	font-size: 12px;
	color: #10C55B;
	background: #10C55B;
	box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
	border-radius: 4px;
	padding: 4px 6px 0 11px
}
.tally-actFixed i {
	color: #fdf020;
	font-size: 12px!important;
	display: inline-block!important
}
.tally-actFixed:before {
	content: '';
	width: 0;
	height: 0;
	border-width: 7px 0 7px 7px;
	border-style: solid;
	border-color: transparent transparent transparent #10C55B;
	margin: 40px auto;
	position: absolute;
	top: -31px;
	right: -7px;
	display: block
}
.tally-register {
	border-radius: 3px;
	width: 160px;
	height: 34px;
	line-height: 34px;
	font-size: 12px;
	padding-left: 25px;
	position: absolute;
	top: 20px;
	left: -163px;
	display: none;
	color: #fff;
	background: #10C55B;
	box-shadow: 0 2px 6px 0 rgba(0,0,0,.1)
}
.tally-register:before {
	content: '';
	width: 0;
	height: 0;
	border-width: 7px 0 7px 7px;
	border-style: solid;
	border-color: transparent transparent transparent #10C55B;
	margin: 40px auto;
	position: absolute;
	top: -31px;
	right: -7px;
	display: block
}
.tally-register img {
	display: block;
	width: 14px;
	height: 16px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 8px;
	margin: auto
}
.tally-register span strong {
	color: #ff0;
	margin: 0 3px
}
.tally-ul4 {
	width: 86px;
	height: 84px;
	position: absolute;
	left: -38px;
	top: -83px
}
.tally-a10 {
	width: 86px;
	height: 84px;
	background: url(//icon.qiantucdn.com/model/img/icon5.png) no-repeat -63px 0;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	animation: myfirst 2s infinite;
	-moz-animation: myfirst 2s infinite;
	-webkit-animation: myfirst 2s infinite;
	-o-animation: myfirst 2s infinite
}
@keyframes myfirst {
0% {
top:0
}
50% {
top:-10px
}
100% {
top:0
}
}
@-moz-keyframes myfirst {
0% {
top:0
}
50% {
top:-10px
}
100% {
top:0
}
}
@-webkit-keyframes myfirst {
0% {
top:0
}
50% {
top:-10px
}
100% {
top:0
}
}
@-o-keyframes myfirst {
0% {
top:0
}
50% {
top:-10px
}
100% {
top:0
}
}
.tally-ul5 {
	width: 12px;
	height: 12px;
	background: url(//icon.qiantucdn.com/model/img/icon5.png) no-repeat -117px -91px;
	position: absolute;
	top: -60px;
	right: -2px;
	z-index: 11;
	cursor: pointer
}
@keyframes myActivity {
0% {
bottom:390px
}
50% {
bottom:400px
}
100% {
bottom:390px
}
}
@-moz-keyframes myActivity {
0% {
bottom:390px
}
50% {
bottom:400px
}
100% {
bottom:390px
}
}
@-webkit-keyframes myActivity {
0% {
bottom:390px
}
50% {
bottom:400px
}
100% {
bottom:390px
}
}
@-o-keyframes myActivity {
0% {
bottom:390px
}
50% {
bottom:400px
}
100% {
bottom:390px
}
}
.sixIcon {
	width: 111px;
	height: 86px;
	position: absolute;
	left: -56px;
	top: -100px;
	background: url(../images/aprTopic/rightMinFiex2.png) no-repeat;
	display: none
}
.sixIcon-close {
	width: 22px;
	height: 22px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 3;
	cursor: pointer
}
.sixIcon-link {
	width: 100%;
	height: 86px;
	display: block;
	cursor: pointer
}
.activityBottomPopup {
	width: 100%;
	height: 195px;
	z-index: 20;
	display: none;
	position: fixed;
	left: 0;
	bottom: 0;
	background: url(//pic.qiantucdn.com/model/img/back.png) repeat-x bottom
}
.activityBottomPopup-close {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 70px;
	left: 50%;
	margin-left: 344px;
	z-index: 3;
	cursor: pointer
}
.activityBottomPopup-link {
	width: 754px;
	height: 194px;
	margin-left: -377px;
	left: 50%;
	bottom: 13px;
	display: block;
	z-index: 2;
	cursor: pointer;
	position: absolute;
	background: url(//pic.qiantucdn.com/model/img/bottomBack2.png) no-repeat
}
.eventBottomPopup {
	width: 100%;
	height: 258px;
	z-index: 20;
	position: fixed;
	left: 0;
	bottom: 0
}
.eventBottomPopup-close {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 41px;
	left: 50%;
	margin-left: 218px;
	z-index: 3;
	cursor: pointer
}
.eventBottomPopup-link {
	width: 1200px;
	height: 258px;
	margin-left: -600px;
	left: 50%;
	bottom: -10px;
	display: block;
	z-index: 2;
	cursor: pointer;
	position: absolute;
	background: url(//pic.qiantucdn.com/model/img/eventBottom.png) no-repeat
}
.heypikBottomPopup {
	width: 100%;
	height: 258px;
	z-index: 20;
	position: fixed;
	left: 0;
	bottom: 0
}
.heypikBottomPopup-close {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 28px;
	left: 50%;
	margin-left: 516px;
	z-index: 3;
	cursor: pointer
}
.heypikBottomPopup-link {
	width: 1200px;
	height: 258px;
	margin-left: -600px;
	left: 50%;
	bottom: -10px;
	display: block;
	z-index: 2;
	cursor: pointer;
	position: absolute;
	background: url(//pic.qiantucdn.com/model/img/heypik-1484x277.png) no-repeat;
	background-size: 100%
}
.thanks-fix {
	width: 100%;
	height: 192px;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 100
}
.thanks-fix li a.thanks-fix-z2 {
	width: 60px;
	height: 60px;
	background: url(../images/thanksgiving/thanksbott-close.png) no-repeat center;
	position: absolute;
	z-index: 3;
	left: 51%;
	top: 4px;
	margin-left: 460px
}
.thanks-fix li a.thanks-fix-z1 {
	width: 1233px;
	height: 192px;
	background: url(../images/thanksgiving/thanksbott-011.png) no-repeat center;
	position: absolute;
	z-index: 2;
	left: 51%;
	margin-left: -602px
}
.thanks-fix li a.thanks-fix-z3 {
	width: 1233px;
	height: 185px;
	background: url(../images/thanksgiving/thanksbottom-06.png) no-repeat center;
	position: absolute;
	z-index: 2;
	left: 51%;
	margin-left: -602px
}
.thanksFixed-x {
	width: 120px;
	height: 120px;
	position: fixed;
	display: none;
	bottom: 440px;
	right: 20px;
	z-index: 9
}
.twelveFixed {
	width: 165px;
	height: 134px;
	position: fixed;
	display: none;
	bottom: 517px;
	right: 0;
	z-index: 40
}
.twelveFixed>p {
	width: 17px;
	height: 17px;
	position: absolute;
	top: 4px;
	right: 3px;
	cursor: pointer;
	z-index: 1001
}
.twelveFixedLink {
	width: 165px;
	height: 134px;
	padding-top: 91px;
	padding-left: 26px;
	display: block;
	background: url(//pic.qiantucdn.com/model/img/img-back1.png) no-repeat center;
	position: relative;
	z-index: 1000
}
.twelveFixedLink li {
	width: 36px;
	height: 33px;
	float: left;
	margin-left: 2px;
	text-align: center;
	line-height: 33px;
	font-size: 17px;
	color: #fff;
	font-weight: 700
}
@keyframes mymove {
from {
right:0
}
to {
	right: -60px
}
}
@-webkit-keyframes mymove {
from {
right:0
}
to {
	right: -60px
}
}
@-moz-keyframes mymove {
from {
right:0
}
to {
	right: -60px
}
}
@-o-keyframes mymove {
from {
right:0
}
to {
	right: -60px
}
}
.thanksFixed-x .thanksFixed-close {
	width: 18px;
	height: 18px;
	position: absolute;
	cursor: pointer;
	top: 3px;
	right: -11px;
	color: #fff;
	background: #e68819;
	border-radius: 100%;
	line-height: 18px;
	text-align: center;
	font-size: 12px;
	overflow: hidden;
	z-index: 10
}
.thanksFixed-x .btn-thanks {
	width: 120px;
	height: 120px;
	display: block;
	cursor: pointer
}
.activitySettings {
	width: 414px;
	height: 60px;
	position: absolute;
	padding: 10px 14px;
	top: -14px;
	right: 74px
}
.activitySettings .right-close {
	position: absolute;
	right: -14px;
	top: -3px;
	width: 14px;
	height: 14px;
	display: none;
	cursor: pointer
}
.activitySettings .right-close img {
	width: 14px;
	height: 14px;
	display: block
}
.welveInlet {
	width: 400px;
	height: 60px;
	position: absolute;
	top: -22px;
	right: 74px
}
.scrollMain {
	width: 100%;
	height: 363px;
	background: url(//pic.qiantucdn.com/model/img/scroll-back.png) no-repeat center;
	margin-bottom: 20px
}
.scroll-txt {
	width: 1440px;
	height: 59px;
	line-height: 59px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	margin: 0 auto;
	position: relative
}
.scroll-model {
	width: 1440px;
	margin: 0 auto;
	height: 283px;
	overflow: hidden
}
.scroll-model li {
	width: 1460px;
	height: 283px
}
.scroll-model li p {
	width: 272px;
	height: 281px;
	background: #fff;
	box-shadow: 0 0 9px 3px rgba(191,191,191,.5);
	border-radius: 4px;
	float: left;
	margin-right: 19px;
	overflow: hidden
}
.scroll-link {
	width: 100%;
	height: 220px;
	display: block;
	padding-top: 16px;
	border-bottom: 1px solid #E9E9E9;
	float: left;
	text-align: center
}
.scroll-link img {
	display: inline-block;
	width: 192px;
	height: 192px
}
.scroll-title {
	width: 100%;
	height: 22px;
	font-size: 16px;
	color: #737373;
	margin-top: 5px;
	float: left;
	display: block;
	font-weight: 500;
	text-indent: 14px
}
.scroll-icon {
	width: 50%;
	float: left;
	font-size: 12px;
	color: #737373;
	display: block;
	text-indent: 13px;
	padding-top: 5px
}
.scroll-icon span {
	width: 20px;
	height: 20px;
	margin-right: 5px;
	display: inline-block;
	font-size: 19px;
	text-indent: 0;
	vertical-align: -2px
}
.scroll-left {
	width: 28px;
	height: 96px;
	display: none;
	position: absolute;
	top: 147px;
	left: 0;
	background: rgba(0,0,0,.65);
	border-radius: 4px;
	line-height: 96px;
	cursor: pointer;
	text-align: center;
	font-size: 20px
}
.scroll-right {
	width: 28px;
	height: 96px;
	position: absolute;
	top: 147px;
	right: 5px;
	background: rgba(0,0,0,.65);
	border-radius: 4px;
	cursor: pointer;
	line-height: 96px;
	text-align: center;
	font-size: 20px
}
.scroll-clear {
	width: 14px;
	height: 14px;
	position: absolute;
	top: 24px;
	right: 4px;
	cursor: pointer;
	line-height: 14px;
	font-size: 14px
}
.inlet {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1001;
	text-align: center;
	display: none;
	background: rgba(0,0,0,.4)
}
.inletCenter {
	display: table-cell;
	vertical-align: middle;
	text-align: center
}
.inletMain {
	width: 840px;
	height: 670px;
	background: #F4F4F4;
	display: inline-block;
	position: relative;
	overflow: hidden
}
.inletClose {
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 20px;
	color: #fff;
	z-index: 1;
	cursor: pointer
}
.inletNav {
	width: 100%;
	height: 100px;
	text-align: center;
	border-bottom: 1px solid #D8D8D8;
	background: url(../images/rightBtnV2/rightBtnV3/sign-top-ban.png) no-repeat center;
	background-size: cover;
	position: relative
}
.inletNav .my-integral {
	width: 150px;
	min-height: 75px;
	position: relative;
	margin-top: 11px;
	margin-left: 232px;
	float: left
}
.my-integral .integral-text {
	font-size: 12px;
	text-align: center;
	color: #F4F4F4;
	line-height: 16px
}
.my-integral .inletBottom-left {
	font-size: 30px;
	height: 40px;
	font-weight: 700;
	color: #FFF;
	text-align: center;
	line-height: 40px
}
.my-integral .integral-btn-v3 {
	width: 66px;
	height: 20px;
	border-radius: 10px;
	border: 1px solid rgba(244,244,244,1);
	font-size: 12px;
	text-align: center;
	color: #F4F4F4;
	line-height: 17px;
	margin-left: 42px
}
.inletNav .nav-line {
	width: 1px;
	height: 40px;
	background: rgba(244,244,244,1);
	position: absolute;
	top: 30px;
	margin-left: 418px
}
.inletNav .sign-in {
	width: 150px;
	min-height: 75px;
	position: relative;
	margin-top: 11px;
	margin-left: 110px;
	float: left
}
.sign-in .sign-text {
	font-size: 12px;
	text-align: center;
	color: #F4F4F4;
	line-height: 16px
}
.sign-in .sign-text {
	font-size: 12px;
	text-align: center;
	color: #F4F4F4;
	line-height: 16px
}
.sign-in .sign-day {
	font-size: 28px;
	height: 40px;
	font-weight: 700;
	color: #FFF;
	text-align: center;
	line-height: 40px
}
.sign-in .sign-day i {
	font-size: 30px
}
.sign-in .integral-btn-v3 {
	width: 66px;
	height: 20px;
	border-radius: 10px;
	border: 1px solid rgba(244,244,244,1);
	font-size: 12px;
	text-align: center;
	color: #F4F4F4;
	line-height: 17px;
	margin-left: 42px
}
.inletNav>.tap {
	position: relative;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	color: #fff;
	background: url(../images/vip1.png) no-repeat;
	background-position-x: -1px;
	background-size: contain;
	padding: 0 20px
}
.tap>span {
	margin-left: 5px
}
.nav-zhuti>.icon-custom-activity {
	font-size: 22px!important
}
.tap-active {
	opacity: 1!important
}
.tap-active>span {
	font-weight: 700
}
.icon-VIP1 {
	background: url(../images/vip.png) no-repeat center;
	background-size: contain;
	height: 25px
}
.icon-VIP2 {
	background: url(../images/vip1.png) no-repeat center;
	background-size: contain
}
.tap-active .name::before {
	content: '\25b2';
	font-size: 14px;
	position: absolute;
	left: 33%;
	bottom: -21px
}
.tap-active .wenjian::before {
	content: '\25b2';
	font-size: 14px;
	position: absolute;
	left: 48%;
	bottom: -39px
}
.tap-active .liwu::before {
	content: '\25b2';
	font-size: 14px;
	position: absolute;
	left: 48%;
	bottom: -39px
}
.inletNav a.inletNav-a-hover {
}
.inletNav a.inletNav-a-hover i {
	color: #fff
}
.inletNav>.nav {
	display: inline;
	width: 100px!important;
	opacity: .8
}
.vip-lingqu {
	padding: 19px;
	overflow: hidden
}
.vip-lingqu-head {
	height: 59px
}
.vip-lingqu-head>p {
	font-size: 12px;
	color: rgba(0,0,0,.65);
	height: 16px;
	line-height: 16px;
	margin-bottom: 2px
}
.vip-lingqu-head>.name {
	font-weight: 700
}
.vip-lingqu-head>.day {
	margin-bottom: 30px;
	width: 35%
}
.vip-lingqu-head>.day>.icon-icon-question::before {
	font-size: 12px;
	color: #bfbfbf;
	margin-left: 6px;
	margin-right: 16px;
	cursor: pointer
}
.tips {
	display: none;
	position: absolute;
	top: 110px;
	left: 85px;
	text-align: center;
	font-size: 12px;
	width: 138px;
	line-height: 20px;
	box-shadow: 0 4px 6px 0 rgba(0,0,0,.2);
	border-radius: 4px;
	color: rgba(0,0,0,.65);
	background: #fff
}
.vip-lingqu-head>.day>.jilu {
	color: #777;
	text-decoration: underline
}
.vip-lingqu-head>a>.duihuang-btn {
	position: absolute;
	top: 75px;
	left: 295px;
	height: 30px;
	line-height: 30px;
	width: 70px;
	text-align: center;
	background-image: linear-gradient(-90deg, #FD9D38 0, #FF9628 100%);
	border-radius: 4px;
	color: #fff;
	font-size: 12px;
	cursor: pointer
}
.vip-lingqu-main {
	overflow-y: auto;
	height: 403px;
	text-align: center;
	background: url(../images/more.png) no-repeat;
	background-size: 7%;
	background-position-x: 570px;
	background-position-y: 220px
}
.vip-lingqu-main>.vip-item {
	float: left;
	height: 180px;
	width: 371px;
	background: #fff;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
	margin-bottom: 21px;
	border-radius: 4px
}
.freeActivity {
	display: none
}
.vip-lingqu-main>.vip-item:nth-child(odd) {
	margin-right: 30px;
	margin-left: 15px
}
.vip-lingqu-main>.lingqu>a>.bg {
	height: 130px;
	width: 100%;
	background: url(../images/vip-bg.png) no-repeat center;
	background-size: cover
}
.vip-lingqu-main>.share>a>.bg {
	height: 130px;
	width: 100%;
	background: url(../images/vip-share3.png) no-repeat center;
	background-size: cover
}
.vip-lingqu-main>.share>a>.bg2 {
	background: url(../images/vip-share2.png) no-repeat center
}
.vip-lingqu-main>.download>a>.bg {
	height: 130px;
	width: 100%;
	background: url(../images/vip-download.png) no-repeat center;
	background-size: cover
}
.vip-lingqu-main>.freeActivity>a>.bg {
	height: 130px;
	width: 100%;
	background: url(../images/vip-free.png) no-repeat center;
	background-size: cover;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px
}
.vip-lingqu-main>.qyPersonTurn>a>.bg {
	height: 130px;
	width: 100%;
	background: url(../images/personalTurn/personTurn2.png) no-repeat center;
	background-size: cover;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px
}
.vip-lingqu-main>.ugc>a>.bg {
	height: 130px;
	width: 100%;
	background: url(../images/ugc-activity.png) no-repeat center;
	background-size: cover;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px
}
.vip-lingqu-main>.vip-item>a>.title {
	position: relative;
	height: 50px;
	line-height: 50px;
	margin: 0 20px;
	font-size: 16px;
	font-weight: 700;
	color: rgba(0,0,0,.65)
}
.vip-lingqu-main>.share>a>.title >.btn-green-linear {
	position: absolute;
	right: 0;
	top: 10px;
	height: 30px;
	width: 70px;
	color: #fff;
	font-size: 12px;
	line-height: 30px
}
.vip-lingqu-main>.download>a>.title >.btn-green-linear {
	position: absolute;
	right: 0;
	top: 10px;
	height: 30px;
	width: 70px;
	color: #fff;
	font-size: 12px;
	line-height: 30px
}
.vip-lingqu-main>.ugc>a>.title >.btn-green-linear {
	position: absolute;
	right: 0;
	top: 10px;
	height: 30px;
	width: 70px;
	color: #fff;
	font-size: 12px;
	line-height: 30px
}
.vip-lingqu-main>.freeActivity>a>.title >.btn-green-linear {
	position: absolute;
	right: 0;
	top: 10px;
	height: 30px;
	width: 70px;
	color: #fff;
	font-size: 12px;
	line-height: 30px
}
.vip-lingqu-main>.qyPersonTurn>a>.title >.btn-green-linear {
	position: absolute;
	right: 0;
	top: 10px;
	height: 30px;
	width: 70px;
	color: #fff;
	font-size: 12px;
	line-height: 30px
}
.vip-lingqu-main>.lingqu>a>.title >.btn-green-linear {
	position: absolute;
	right: 0;
	top: 10px;
	height: 30px;
	width: 70px;
	color: #fff;
	font-size: 12px;
	line-height: 30px
}
.vip-tip {
	display: none;
	position: relative;
	left: 265px;
	height: 18px;
	width: 106px;
	background: rgba(0,0,0,.2);
	color: #fff;
	font-size: 12px
}
.qt-btn-disable {
	background: #b7b7b7!important
}
.title-disable:hover+.vip-tip {
	display: block
}
.inletBtn {
	display: none;
	width: 147px;
	float: left;
	background: #F5F5F5;
	height: 500px
}
.inletBtn a {
	width: 147px;
	height: 48px;
	float: left;
	text-align: center;
	line-height: 48px;
	position: relative;
	display: block;
	border-bottom: 1px solid #e7e7e7
}
.inletBtn a span {
	position: absolute;
	display: block;
	top: 8px;
	right: 17px;
	width: 6px;
	height: 6px;
	background: red;
	border-radius: 100%
}
.inletBtn a i {
	position: absolute;
	top: 3px;
	left: 105px;
	background: #F02B43;
	padding: 0 5px;
	line-height: 16px;
	height: 16px;
	border-radius: 25px;
	font-size: 12px;
	color: #fff;
	font-weight: 400
}
.inletBtn a p {
	width: 16px;
	height: 33px;
	font-size: 12px;
	line-height: 13px;
	padding-top: 2px;
	text-align: center;
	color: #fff;
	position: absolute;
	top: 0;
	left: 10px
}
.inletBtn a p:after {
	width: 0;
	height: 0;
	border-width: 0 8px 4px;
	border-style: solid;
	border-color: transparent transparent #f6f6f6;
	position: absolute;
	bottom: 0;
	left: 0
}
.inletBtn a li {
	position: absolute;
	top: 3px;
	left: 108px;
	height: 17px;
	line-height: 14px;
	width: 55px
}
.inletBtn a li img {
	width: 14px;
	height: 14px;
	display: inline-block;
	vertical-align: -3px
}
.inletBtn a li u {
	display: inline-block;
	text-decoration: none;
	font-size: 12px;
	color: #FA0
}
.inletBtn a:hover {
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.02);
	background: #fff;
	color: #10C55B;
	font-weight: 700
}
.inletBtn a:hover p {
	font-weight: 400
}
.inletBtn a:hover li u {
	font-weight: 400
}
.inletBtn-a-hover {
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.02);
	background: #fff;
	color: #10C55B;
	font-weight: 700
}
.inletBtn-a-hover p {
	font-weight: 400
}
.inletBtn-a-hover li u {
	font-weight: 400
}
.inletCon {
	width: 808px;
	margin-bottom: 16px;
	display: block
}
.inletLine {
	width: 640px;
	height: 210px;
	float: left;
	margin-bottom: 10px;
	background: #F5F5F5;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
	position: relative
}
.inletLine-txt {
	width: 100%;
	height: 36px
}
.inletModel-left {
	font-size: 16px;
	color: rgba(0,0,0,.65);
	font-weight: 700;
	display: block;
	float: left;
	height: 36px;
	margin-left: 10px;
	line-height: 36px;
	width: 300px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
.inletModel-left span {
	color: #fff;
	font-size: 12px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: 1px;
	width: 20px;
	height: 20px;
	background: #F02B43;
	border-radius: 2px;
	line-height: 20px;
	text-align: center
}
.inletModel-right {
	height: 36px;
	float: right;
	font-size: 14px;
	color: rgba(0,0,0,.65);
	margin-right: 10px;
	line-height: 36px;
	position: relative
}
.inletModel-right:hover {
	color: #FD8320
}
.inletModel-right:hover i {
	display: block
}
.inletLine-img {
	width: 100%;
	height: 164px;
	text-align: center;
	display: block
}
.inletLine-img img {
	width: 620px;
	height: 164px
}
.inletModel-right i {
	display: none;
	background: #fff;
	padding: 6px 5px 5px 10px;
	line-height: 22px;
	width: 200px;
	font-size: 12px;
	color: rgba(0,0,0,.65);
	box-shadow: 0 4px 6px 0 rgba(0,0,0,.2);
	border-radius: 4px;
	position: absolute;
	top: 34px;
	right: 0
}
.inletModel-right i:after {
	content: '';
	width: 0;
	height: 0;
	border-left: 3px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 8px solid #fff;
	position: absolute;
	top: -8px;
	right: 28px
}
.inletBottom {
	display: none;
	height: 45px;
	width: 693px;
	position: absolute;
	bottom: 0;
	right: 0;
	border-top: 1px solid #f5f5f5;
	z-index: 5;
	background: #fff
}
.inletBottom-center {
	font-size: 14px;
	color: #777;
	height: 45px;
	line-height: 45px;
	float: left;
	margin-left: 39px
}
.inletBottom-center i {
	width: 14px;
	height: 14px;
	display: inline-block;
	vertical-align: -2px;
	margin-right: 2px;
	margin-left: 10px
}
.inletBottom-center a {
	font-weight: 700;
	text-decoration: underline
}
.inletBottom-right {
	font-size: 14px;
	color: #FD8320;
	height: 45px;
	line-height: 45px;
	float: right;
	margin-right: 53px;
	text-decoration: underline
}/*!*ȫ�����ù�������С��ɫ     .table-con::-webkit-scrollbar��ָ��ģ��-���ù�������С��ɫ��    *!*//*!*����������*!*//*!*�������߶�*!*//*!*������������ ����Ӱ+Բ��*!*//*!*�������ı��������Բ��*!*//*!*�������ı�����ɫ*!*//*!*���廬�� ����Ӱ+Բ��*!*//*!*��������Բ��*!*//*!*�������ı�����ɫ*!*/
.gameModel {
	width: 655px;
	height: 434px;
	background: #F7FAFF;
	overflow: hidden;
	border-radius: 10px
}
.gameModel-top {
	width: 100%;
	height: 30px;
	padding-left: 20px;
	padding-right: 20px
}
.gameModel-icon {
	float: left;
	height: 30px;
	line-height: 30px;
	font-size: 20px;
	width: 16px;
	color: #FD8320;
	display: inline-block;
	font-size: 14px;
	margin-right: 6px
}
.gameModel-scroll {
	height: 30px;
	width: 435px;
	float: left
}
.gameModel-scroll p {
	width: 435px
}
.gameModel-scroll p i {
	display: block;
	height: 30px;
	font-size: 14px;
	color: #FD8320;
	line-height: 30px;
	width: 435px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
.gameModel-scroll p i span {
	color: #FD8320;
	display: inline-block
}
.gameModel-scroll p i span:nth-child(1) {
	max-width: 140px;
	min-width: auto;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align: -10px
}
.gameModel-scroll p i span:nth-child(2) {
	margin-left: 10px
}
.gameModel-mes {
	font-size: 14px;
	color: rgba(0,0,0,.65);
	height: 30px;
	line-height: 30px;
	float: right;
	display: block;
	position: relative
}
.gameModel-mes:hover {
	text-decoration: underline
}
.gameModel-mes:hover i {
	display: block
}
.gameModel-mes i {
	display: none;
	background: #fff;
	padding: 6px 5px 5px 10px;
	line-height: 20px;
	width: 250px;
	font-size: 13px;
	color: rgba(0,0,0,.65);
	box-shadow: 0 4px 6px 0 rgba(0,0,0,.2);
	border-radius: 4px;
	position: absolute;
	top: 34px;
	right: 0;
	z-index: 5
}
.gameModel-mes i:after {
	content: '';
	width: 0;
	height: 0;
	border-left: 3px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 8px solid #fff;
	position: absolute;
	top: -8px;
	right: 21px
}
.gameModel-line {
	height: 30px;
	width: 22px;
	text-align: center;
	line-height: 30px;
	color: #d8d8d8;
	font-size: 12px;
	float: right
}
.gameModel-look {
	font-size: 14px;
	color: rgba(0,0,0,.65);
	height: 30px;
	line-height: 30px;
	float: right;
	display: block
}
.gameModel-look:hover {
	text-decoration: underline
}
.dial-list-txt {
	width: 270px;
	text-align: center;
	height: 20px;
	position: absolute;
	top: 257px;
	left: 171px;
	font-size: 12px;
	z-index: 2
}
.dial-list-txt i {
	color: #fff
}
.dial-list-txt span {
	color: #fff;
	font-size: 14px;
	font-weight: 700
}
#dial-list0 {
	top: 28px;
	right: 453px
}
#dial-list1 {
	top: 28px;
	right: 312px
}
#dial-list2 {
	top: 28px;
	right: 170px
}
#dial-list3 {
	top: 28px;
	right: 30px
}
#dial-list4 {
	top: 113px;
	right: 31px
}
#dial-list5 {
	top: 198px;
	right: 31px
}
#dial-list6 {
	bottom: 31px;
	right: 31px
}
#dial-list7 {
	bottom: 31px;
	right: 170px
}
#dial-list8 {
	bottom: 31px;
	right: 312px
}
#dial-list9 {
	bottom: 31px;
	right: 453px
}
#dial-list10 {
	top: 113px;
	right: 453px
}
#dial-list11 {
	top: 198px;
	right: 453px
}
.dial-datas .dial-datas-prize-name {
	color: #ffef0b
}
.signIn {
	width: 100%;
	height: 148px;
	background: #FFF;
	border-radius: 10px;
	margin-left: 16px;
	margin-top: 13px;
	padding-top: 10px;
	position: relative
}
.signIn .three-int {
	font-size: 12px;
	color: #fff;
	position: absolute;
	top: 54px;
	left: 300px;
	display: block;
	width: 60px;
	background: rgba(255,150,40,1);
	border-radius: 100px 100px 100px 0;
	border: 1px solid rgba(255,255,255,1);
	text-align: center
}
.signIn .five-int {
	font-size: 12px;
	color: #fff;
	position: absolute;
	top: 54px;
	left: 530px;
	display: block;
	width: 60px;
	background: rgba(255,150,40,1);
	border-radius: 100px 100px 100px 0;
	border: 1px solid rgba(255,255,255,1);
	text-align: center
}
.signIn .seven-int {
	font-size: 12px;
	color: #fff;
	position: absolute;
	top: 54px;
	left: 758px;
	display: block;
	width: 45px;
	background: rgba(255,150,40,1);
	border-radius: 100px 100px 100px 0;
	border: 1px solid rgba(255,255,255,1);
	text-align: center
}
.signIn .two-int-ok {
	font-size: 12px;
	color: rgba(0,190,110,1);
	position: absolute;
	top: 23px;
	left: 123px;
	display: none;
	width: 110px;
	text-align: center;
	z-index: 20
}
.signIn .two-int-ok a {
	width: 60px;
	height: 20px;
	display: inline-block;
	border-radius: 10px;
	border: 1px solid rgba(0,190,110,1);
	font-size: 12px;
	color: rgba(0,190,110,1);
	line-height: 18px;
	text-align: center;
	margin-top: 3px
}
.signIn .five-int-ok {
	font-size: 12px;
	color: rgba(0,190,110,1);
	position: absolute;
	top: 23px;
	left: 477px;
	display: none;
	width: 110px;
	text-align: center;
	z-index: 20
}
.signIn .five-int-ok a {
	width: 60px;
	height: 20px;
	display: inline-block;
	border-radius: 10px;
	border: 1px solid rgba(0,190,110,1);
	font-size: 12px;
	color: rgba(0,190,110,1);
	line-height: 18px;
	text-align: center;
	margin-top: 3px
}
.signInTitle {
	width: 70px;
	height: 19px;
	font-size: 14px;
	color: rgba(0,0,0,.65);
	line-height: 19px;
	margin-left: 21px
}
.signInTitle [data-placement=qtw-bottom-end] .qtw-tooltip--popper {
	width: 500px
}
.signInTitle i.icon-yiwen {
	color: #979797;
	position: absolute;
	left: 96px;
	top: 10px
}
.signInTitle:before {
	width: 4px;
	height: 14px;
	background: rgba(0,190,110,1);
	border-radius: 2px;
	display: block;
	left: 10px;
	top: 12px;
	position: absolute;
	content: ''
}
.signInCon {
	width: 100%;
	height: 120px;
	position: relative
}
.integral-nav {
	width: 788px;
	height: 1px;
	position: absolute;
	background: #F4F4F4;
	top: 65px;
	left: 10px
}
.integral-position7 .integral-img:before {
	display: none!important
}
.integral-position7 .integral-img-show:before {
	display: none!important
}
.integral-position7 .integral-img-next:before {
	display: none!important
}
.integral-elem {
	width: 63px;
	height: 47px;
	background: #fff;
	position: absolute;
	top: 43px;
	z-index: 1
}
.integral-elem .integral-img {
	width: 45px;
	height: 45px;
	line-height: 45px;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	color: #fff;
	margin: auto;
	vertical-align: middle;
	background: url(../images/rightBtnV2/rightBtnV3/qian_no.png) no-repeat;
	background-size: contain;
	display: block
}
.integral-elem .integral-img:before {
	width: 60px;
	height: 1px;
	background: #F4F4F4;
	display: block;
	left: 61px;
	top: 24px;
	position: absolute;
	content: ''
}
.integral-elem .integral-img>m {
	width: 28px;
	display: block;
	text-align: center;
	margin: auto
}
.integral-elem .integral-img-show {
	width: 45px;
	height: 45px;
	line-height: 45px;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	color: #fff;
	margin: auto;
	vertical-align: middle;
	background: url(../images/rightBtnV2/rightBtnV3/qian_yes.png) no-repeat;
	background-size: contain;
	display: block
}
.integral-elem .integral-img-show:before {
	width: 60px;
	height: 1px;
	background: rgba(242,121,0,1);
	display: block;
	left: 61px;
	top: 24px;
	position: absolute;
	content: ''
}
.integral-elem .integral-img-next {
	width: 45px;
	height: 45px;
	line-height: 47px;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	color: #fff;
	margin: auto;
	vertical-align: middle;
	background: url(../images/rightBtnV2/rightBtnV3/qian_tomorrow.png) no-repeat;
	background-size: contain;
	display: block
}
.integral-elem .integral-img-next:before {
	width: 60px;
	height: 1px;
	background: #F4F4F4;
	display: block;
	left: 61px;
	top: 24px;
	position: absolute;
	content: ''
}
.integral-img-next>m {
	color: #F27900
}
.integral-elem .integral-img-show>m {
	width: 28px;
	display: block;
	text-align: center;
	margin-left: 8px
}
.integral-num {
	display: block;
	text-align: center;
	width: 100%;
	font-size: 12px;
	color: rgba(0,0,0,.65);
	margin-top: 4px
}
.integral-num.a-color {
	color: #F9AB10;
	margin-top: 2px
}
.integralStart {
	display: none
}
.integral-get {
	width: 40px;
	height: 38px;
	display: block;
	position: absolute;
	top: 0;
	right: -3px;
	background: url(//icon.qiantucdn.com/images/grow/get.png) no-repeat
}
.integral-tomorrow {
	width: 40px;
	height: 38px;
	display: block;
	position: absolute;
	top: 0;
	right: -4px;
	background: url(//icon.qiantucdn.com/images/grow/tomorrow.png) no-repeat
}
.integral-loading {
	width: 37px;
	height: 36px;
	display: block;
	position: absolute;
	top: 0;
	right: -1px;
	background: url(//icon.qiantucdn.com/images/loading.png) no-repeat
}
.integral-forget {
	width: 37px;
	height: 36px;
	display: block;
	position: absolute;
	top: 0;
	right: -1px;
	background: url(//pic.qiantucdn.com/model/growthSystem/forget.png) no-repeat
}
.integral-color {
	background: #10c55b;
	background: -webkit-linear-gradient(left, #1beb71, #10c55b);
	background: -o-linear-gradient(left, #1beb71, #10c55b);
	background: -moz-linear-gradient(left, #1beb71, #10c55b);
	background: linear-gradient(left, #1beb71, #10c55b)
}
.integral-btn {
	width: 201px;
	height: 41px;
	float: left;
	display: none;
	text-align: center;
	color: #fff;
	font-size: 15px;
	line-height: 40px;
	border-radius: 4px;
	margin-top: 295px;
	margin-left: 131px
}
.integral-link {
	width: 122px;
	height: 41px;
	float: left;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 15px;
	line-height: 40px;
	border-radius: 4px;
	margin-top: 295px;
	margin-left: 100px
}
.integral-over {
	width: 122px;
	height: 41px;
	float: left;
	display: block;
	text-align: center;
	background: #f0fef5;
	color: #5ac56a;
	border: 1px solid #5ac56a;
	font-size: 15px;
	line-height: 40px;
	border-radius: 4px;
	margin-top: 295px;
	margin-left: 20px
}
.integral-date {
	width: 100%;
	text-align: center;
	float: left;
	color: #666;
	font-size: 13px;
	margin-top: 9px
}
.integral-day0 {
	background: url(//icon.qiantucdn.com/images/grow/zero.png) no-repeat top left
}
.integral-day1 {
	background: url(//icon.qiantucdn.com/images/grow/one.png) no-repeat top left
}
.integral-day2 {
	background: url(//pic.qiantucdn.com/model/growthSystem/two.png) no-repeat top left
}
.integral-day3 {
	background: url(//pic.qiantucdn.com/model/growthSystem/three.png) no-repeat top left
}
.integral-day5 {
	background: url(//pic.qiantucdn.com/model/growthSystem/five.png) no-repeat top left
}
.integral-day6 {
	background: url(//pic.qiantucdn.com/model/growthSystem/six.png) no-repeat top left
}
.integral-day7 {
	background: url(//pic.qiantucdn.com/model/growthSystem/seven.png) no-repeat top left
}
.signInCon-btn {
	width: 201px;
	height: 41px;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 15px;
	line-height: 40px;
	border-radius: 4px;
	margin: 20px auto 0;
	background: #10c55b;
	background: -webkit-linear-gradient(left, #1beb71, #10c55b);
	background: -o-linear-gradient(left, #1beb71, #10c55b);
	background: -moz-linear-gradient(left, #1beb71, #10c55b);
	background: linear-gradient(left, #1beb71, #10c55b)
}
.signInCon-btn-disabled {
	width: 201px;
	height: 41px;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 15px;
	line-height: 40px;
	border-radius: 4px;
	margin: 20px auto 0;
	background: #999
}
.guessModel {
	width: 653px;
	height: 434px;
	background: url(//pic.qiantucdn.com/model/growthSystem/guess-back1.png) no-repeat;
	position: relative;
	padding-top: 120px
}
.absoluteRight {
	position: absolute;
	right: 20px;
	background: url(//pic.qiantucdn.com/model/growthSystem/guess-back3.png) no-repeat;
	font-size: 12px;
	color: #fff;
	text-align: center;
	line-height: 21px;
	width: 60px;
	height: 23px;
	cursor: pointer
}
.guessModel-record {
	top: 10px
}
.guessModel-rule {
	top: 41px
}
.guessModel-follow {
	top: 72px
}
.absoluteRight:hover p {
	display: block
}
.absoluteRight p {
	display: none;
	background: #fff;
	padding: 6px 5px 5px 10px;
	line-height: 20px;
	width: 250px;
	font-size: 13px;
	color: rgba(0,0,0,.65);
	box-shadow: 0 4px 6px 0 rgba(0,0,0,.2);
	border-radius: 4px;
	position: absolute;
	top: 29px;
	right: 0;
	z-index: 5
}
.absoluteRight p:after {
	content: '';
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #fff;
	position: absolute;
	top: -8px;
	right: 21px
}
.guessModel-left {
	width: 16px;
	height: 68px;
	color: #fff;
	position: absolute;
	top: 120px;
	left: 0;
	font-size: 14px;
	line-height: 68px;
	cursor: pointer;
	text-align: right;
	display: none
}
.guessModel-right {
	width: 16px;
	height: 68px;
	color: #fff;
	position: absolute;
	top: 120px;
	right: 0;
	font-size: 14px;
	line-height: 68px;
	cursor: pointer;
	display: none
}
.guessModel-mes {
	width: 612px;
	height: 68px;
	margin: 0 auto;
	overflow: hidden
}
.guessModel-mes li {
	width: 653px;
	height: 68px;
	float: left;
	overflow: hidden
}
.guessModel-mes li p {
	width: 184px;
	height: 58px;
	border-radius: 6px;
	position: relative;
	float: left;
	margin-top: 5px;
	margin-right: 30px;
	text-align: center;
	line-height: 22px;
	padding-top: 6px;
	cursor: pointer
}
.guessModel-mes li p:after {
	position: absolute;
	top: 19px;
	right: -15px;
	content: '';
	width: 0;
	height: 20px;
	border-right: 1px solid #fff
}
.guessModel-mes li p i {
	font-size: 12px;
	color: #fff
}
.guessModel-mes li p span {
	font-size: 14px;
	color: #fff
}
.guessModel-mes li p.guessModel-hover {
	width: 184px;
	height: 58px;
	background: #FFF001;
	border-radius: 6px;
	color: #37775D
}
.guessModel-mes li p.guessModel-hover i {
	color: #37775D
}
.guessModel-mes li p.guessModel-hover span {
	color: #37775D
}
.guessModel-con {
	width: 100%;
	height: 246px;
	padding-top: 13px
}
.guessModel-icon {
	width: 100%;
	height: 52px;
	text-align: center
}
.guessModel-icon p {
	width: 52px;
	height: 52px;
	display: inline-block
}
.guessModel-icon p img {
	width: 52px;
	height: 52px;
	border-radius: 100%
}
.guessModel-icon p:nth-child(2) {
	width: 138px;
	height: 12px;
	background: url(//pic.qiantucdn.com/model/growthSystem/icon6.png) no-repeat;
	margin-left: 20px;
	margin-right: 20px;
	vertical-align: 20px
}
.guessModel-odds {
	width: 100%;
	height: 50px;
	text-align: center;
	text-align: center;
	margin-top: 13px
}
.guessModel-odds p {
	display: inline-block;
	min-width: 120px;
	height: 50px;
	background: rgba(0,0,0,.1);
	border: 2px solid #FFF;
	border-radius: 27px;
	overflow: hidden;
	text-align: center;
	font-size: 14px;
	color: #fff;
	line-height: 18px;
	padding-top: 7px;
	cursor: pointer
}
.guessModel-odds p:nth-child(2) {
	margin-left: 20px;
	margin-right: 20px
}
.guessModel-odds p i.guessModel-name {
	color: #fff
}
.guessModel-odds p i.guessModel-txt {
	font-size: 12px;
	color: #FEEE00
}
.guessModel-odds p i.guessModel-num {
	font-size: 12px;
	color: #FEEE00
}
.guessModel-odds p.guessModel-selection {
	color: #37775D;
	box-shadow: 0 4px 6px 0 rgba(0,0,0,.4);
	background: url(//pic.qiantucdn.com/model/growthSystem/guess-back4.png) no-repeat;
	border: 0
}
.guessModel-odds p.guessModel-selection i {
	color: #37775D
}
.guessModel-toggle {
	width: 100%;
	height: 22px;
	font-size: 12px;
	color: #FFF;
	line-height: 22px;
	text-align: center;
	margin-top: 18px
}
.guessModel-toggle p {
	height: 22px;
	padding: 0 5px;
	background: rgba(255,255,255,.3);
	border: 1px solid #FFF;
	border-radius: 4px;
	font-size: 12px;
	display: inline-block;
	text-align: center;
	line-height: 20px;
	color: #fff;
	margin-right: 14px;
	cursor: pointer
}
.guessModel-toggle p i {
	font-size: 12px;
	color: #FFF;
	font-weight: 700;
	margin-right: 2px
}
.guessModel-toggle p.guessModel-sel {
	color: #9A4100;
	background: #FFF001
}
.guessModel-toggle p.guessModel-sel i {
	color: #9A4100
}
.guessModel-btn {
	height: 36px;
	width: 90px;
	text-align: center;
	line-height: 36px;
	font-size: 14px;
	color: #9A4100;
	display: block;
	margin: 10px auto 0;
	background: #FFF001;
	border-radius: 4px;
	font-weight: 700;
	box-shadow: 0 4px #F59B05;
	margin-top: 20px
}
.growsResult {
	width: 400px;
	height: 268px;
	background: rgba(255,255,255,1);
	box-shadow: 0 0 8px 0 rgba(0,0,0,.1);
	border-radius: 4px;
	display: inline-block;
	position: relative;
	overflow: hidden
}
.popData-sel {
	width: 100%;
	height: 35px;
	margin-top: 30px;
	text-align: center
}
.popData-sel p {
	height: 31px;
	display: inline-block;
	cursor: pointer;
	position: static;
	font-size: 20px;
	font-weight: 700;
	color: #666;
	background: 0 0;
	border-bottom: 3px solid #507f1f;
	color: #507f1f
}
.popData-sixCon-title {
	width: 800px;
	height: 46px;
	background: #b6d673;
	border-radius: 6px;
	display: block;
	margin-left: 17px;
	margin-top: 12px
}
.popData-sixCon-title p {
	text-align: center;
	line-height: 46px;
	color: #fff;
	font-size: 14px;
	float: left;
	position: static;
	width: auto;
	background: 0 0
}
.popData-sixCon-title p:nth-child(1) {
	width: 136px
}
.popData-sixCon-title p:nth-child(2) {
	width: 177px
}
.popData-sixCon-title p:nth-child(3) {
	width: 122px
}
.popData-sixCon-title p:nth-child(4) {
	width: 126px
}
.popData-sixCon-title p:nth-child(5) {
	width: 104px
}
.popData-sixCon-title p:nth-child(6) {
	width: 97px
}
.popDataListTitle {
	display: none
}
.popData-con {
	width: 798px;
	margin: 10px auto 0;
	overflow-y: auto;
	height: 247px;
	text-align: center
}
.popData-con span {
	font-size: 16px;
	color: #666;
	display: inline-block;
	margin-top: 125px;
	display: none
}
.popData-sixCon {
	width: 798px;
	margin: 10px auto 0;
	overflow-y: auto;
	height: 252px
}
.popData-sixCon-data {
	width: 770px;
	height: 42px;
	float: left
}
.popData-sixCon-data p {
	text-align: center;
	line-height: 44px;
	color: #333;
	overflow: hidden;
	font-size: 14px;
	float: left;
	height: 42px;
	position: static;
	width: auto;
	background: 0 0
}
.popData-sixCon-data:nth-child(odd) {
	background: #eaf3d4
}
.popData-sixCon-data p i {
	color: #fd9365
}
.popData-sixCon-data p:nth-child(1) {
	width: 136px
}
.popData-sixCon-data p:nth-child(2) {
	width: 177px
}
.popData-sixCon-data p:nth-child(3) {
	width: 122px
}
.popData-sixCon-data p:nth-child(4) {
	width: 126px
}
.popData-sixCon-data p:nth-child(5) {
	width: 104px
}
.popData-sixCon-data p:nth-child(6) {
	width: 97px
}
.dial-popup-datas-model {
	width: 500px;
	display: inline-block;
	background: #fff;
	position: relative
}
.dial-popup-datas-title {
	width: 100%;
	text-align: center;
	line-height: 26px;
	font-size: 20px;
	color: rgba(0,0,0,.65);
	padding-top: 28px
}
.dial-popup-datas-title i {
	font-size: 20px;
	color: rgba(0,0,0,.65)
}
.dial-popup-datas-title span {
	font-size: 14px;
	color: #595959
}
.dial-popup-datas-model1 {
	width: 480px;
	padding-left: 23px;
	float: left;
	margin-top: 28px;
	position: relative
}
.dial-popup-datas-name {
	width: 95px;
	height: 34px;
	padding-right: 13px;
	line-height: 32px;
	float: left;
	font-size: 14px;
	color: #666;
	text-align: right
}
.dial-popup-datas-name i {
	color: red;
	vertical-align: -3px
}
.dial-popup-datas-name-input, .dial-popup-datas-phone-input {
	width: 338px;
	height: 34px;
	padding: 0 10px;
	line-height: 34px;
	color: #333;
	border: 1px solid #e3e3e3;
	display: block;
	float: left
}
.dial-area {
	width: 480px;
	padding-left: 21px;
	float: left;
	margin-top: 23px;
	position: relative
}
.dial-area1 {
	width: 104px;
	height: 34px;
	overflow: hidden;
	position: absolute;
	top: 0;
	z-index: 2;
	color: #333;
	cursor: pointer;
	border: 1px solid #e3e3e3;
	float: left;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: #fff url(//pic.qiantucdn.com/model/growthSystem/icon12.jpg) no-repeat 75px 13px;
	line-height: 34px;
	text-indent: 7px;
	font-size: 15px
}
.dial-area1 a {
	display: block;
	width: 98px;
	height: 34px;
	float: left;
	overflow: hidden;
	line-height: 34px
}
.dial-area1 a:hover {
	color: #10c55b
}
#fp_province {
	left: 118px
}
#fp_city {
	left: 234px
}
#fp_county {
	right: 24px
}
.dial-details {
	width: 480px;
	padding-left: 23px;
	float: left;
	margin-top: 23px;
	position: relative
}
.dial-textarea {
	width: 338px;
	height: 75px;
	border: 1px solid #e3e3e3;
	display: block;
	float: left
}
.dial-phones {
	width: 480px;
	padding-left: 23px;
	float: left;
	margin-top: 23px;
	position: relative
}
.dial-label {
	font-size: 14px;
	color: #999;
	width: 100%;
	margin-top: 7px;
	float: left;
	text-align: right;
	padding-right: 43px
}
.dial-site-btn {
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 25px
}
.dial-name-error, .dial-area-error, .dial-areatext-error, .dial-phone-error {
	width: 338px;
	position: absolute;
	left: 116px;
	bottom: -22px;
	font-size: 14px;
	color: #FA5555
}
.dial-name-error i {
	color: #FA5555;
	display: inline-block;
	vertical-align: -1px;
	margin-right: 4px
}
.dial-area-error i {
	color: #FA5555;
	display: inline-block;
	vertical-align: -1px;
	margin-right: 4px
}
.dial-phone-error i {
	color: #FA5555;
	display: inline-block;
	vertical-align: -1px;
	margin-right: 4px
}
.dial-areatext-error i {
	color: #FA5555;
	display: inline-block;
	vertical-align: -1px;
	margin-right: 4px
}
.write-success {
	width: 500px;
	display: inline-block;
	background: #fff;
	position: relative
}
.write-icon {
	text-align: center;
	font-size: 78px;
	width: 100%;
	color: #10C55B
}
.write-mes {
	font-size: 24px;
	color: #FF7800;
	width: 100%;
	text-align: center
}
.write-txtBold {
	font-size: 24px;
	color: rgba(0,0,0,.65);
	text-align: center
}
.write-txt24 {
	font-size: 20px;
	color: rgba(0,0,0,.65);
	text-align: center
}
.write-txt14 {
	font-size: 14px;
	color: #595959;
	text-align: center
}
.write-txt16 {
	font-size: 16px;
	color: #595959;
	text-align: center
}
.write-btnModel {
	width: 100%;
	text-align: center
}
.write-confirm {
	color: #fff;
	width: 90px;
	height: 36px;
	display: inline-block;
	vertical-align: 1px;
	font-size: 14px;
	text-align: center;
	line-height: 36px
}
.write-close {
	color: #11C95E;
	background: #EDFFF4;
	border: 1px solid #11C95E;
	width: 90px;
	height: 36px;
	display: inline-block;
	font-size: 14px;
	border-radius: 4px;
	text-align: center;
	line-height: 36px
}
.qtuthankskin {
	position: absolute;
	width: 100%;
	height: 6460px;
	left: 0;
	top: 516px;
	overflow: hidden
}
.qtuskin-cbutton {
	z-index: 1;
	right: 38px;
	font-size: 14px;
	background: #e0e0e0;
	border-radius: 17px;
	color: #888;
	line-height: 34px;
	text-align: center;
	width: 127px;
	height: 34px;
	position: absolute;
	top: 9px
}
.qtuskin-close {
	cursor: pointer;
	margin-left: 8px;
	width: 17px;
	color: #888;
	height: 17px;
	font-size: 14px
}
.qtuthankskin-l, .qtuthankskin-r {
	position: absolute;
	width: 460px;
	height: 100%;
	top: 30px;
	left: 50%;
	overflow: hidden
}
.qtuthankskin-l .qtuthankskin-wrapper {
	height: 100%
}
.qtuthankskin-r .qtuthankskin-wrapper {
	height: 100%
}
.qtuthankskin-wrapper .qtumyInput {
	display: block
}
.qtuthankskin-l .qtuthankskin-group, .qtuthankskin-l .qtuthankskin-group-r1, .qtuthankskin-l .qtuthankskin-group-r2, .qtuthankskin-l .qtuthankskin-item-a, .qtuthankskin-l .qtuthankskin-item-b, .qtuthankskin-l .qtuthankskin-item-c, .qtuthankskin-l .qtuthankskin-item-d, .qtuthankskin-l .qtuthankskin-item-e, .qtuthankskin-l .qtuthankskin-item-f, .qtuthankskin-l .qtuthankskin-wrapper {
	float: right
}
.qtuthankskin-r .qtuthankskin-group, .qtuthankskin-r .qtuthankskin-group-r1, .qtuthankskin-r .qtuthankskin-group-r2, .qtuthankskin-r .qtuthankskin-item-a, .qtuthankskin-r .qtuthankskin-item-b, .qtuthankskin-r .qtuthankskin-item-c, .qtuthankskin-r .qtuthankskin-item-d, .qtuthankskin-r .qtuthankskin-item-e, .qtuthankskin-r .qtuthankskin-item-f, .qtuthankskin-r .qtuthankskin-wrapper {
	float: left
}
.qtuthankskin-l .qtuthankskin-group-r1 {
	margin-right: -32px
}
.qtuthankskin-r .qtuthankskin-group-r1 {
	margin-left: -32px
}
.qtuthankskin-l .qtuthankskin-group-r2 {
	margin-right: 30px
}
.qtuthankskin-r .qtuthankskin-group-r2 {
	margin-left: 30px
}
.qtuthankskin .qtuthankskin-item-a, .qtuthankskin .qtuthankskin-item-b, .qtuthankskin .qtuthankskin-item-c, .qtuthankskin .qtuthankskin-item-d, .qtuthankskin .qtuthankskin-item-e, .qtuthankskin .qtuthankskin-item-f {
	position: relative;
	width: 138px;
	height: 138px
}
.qtuthankskin .qtuthankskin-item-a a, .qtuthankskin .qtuthankskin-item-b a, .qtuthankskin .qtuthankskin-item-c a, .qtuthankskin .qtuthankskin-item-d a, .qtuthankskin .qtuthankskin-item-e a, .qtuthankskin .qtuthankskin-item-f a {
	position: relative;
	display: block;
	width: 138px;
	height: 138px;
	left: 50%;
	top: 50%;
	margin-left: -69px;
	margin-top: -69px
}
.qtuthankskin-item-a a {
	background-image: url(../images/thanksgiving/h1.png);
	opacity: 1
}
.qtuthankskin-item-b a {
	background-image: url(../images/thanksgiving/h2.png);
	opacity: 1
}
.qtuthankskin-item-c a {
	background-image: url(../images/thanksgiving/h3.png);
	opacity: 1
}
.qtuthankskin-item-d a {
	background-image: url(../images/thanksgiving/h4.png);
	opacity: 1
}
.qtuthankskin-item-e a {
	background-image: url(../images/thanksgiving/h5.png);
	opacity: 1
}
.qtuthankskin-item-f a {
	background-image: url(../images/thanksgiving/h6.png);
	opacity: 1
}
.christmasFixedPage {
	width: 200px;
	height: 183px;
	position: fixed;
	display: none;
	bottom: 500px;
	right: 0;
	z-index: 40;
	animation: vip-christmas 2.4s infinite
}
.christmasFixedPage li {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	right: 12px;
	cursor: pointer
}
.christmas-right {
	width: 200px;
	height: 183px;
	position: fixed;
	display: block;
	bottom: 517px;
	right: 0;
	z-index: 40;
	animation: vip-christmas 2.4s infinite
}
.christmas-right-downTime, .christmas-right-minus {
	width: 165px;
	height: 134px;
	padding-top: 145px;
	padding-left: 43px;
	display: none
}
.christmas-right-downTime p, .christmas-right-minus p {
	width: 36px;
	height: 33px;
	float: left;
	text-align: center;
	line-height: 33px;
	font-size: 17px;
	color: #fff;
	font-weight: 700
}
.christmas-right-close {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	right: 12px;
	cursor: pointer;
	z-index: 42
}
@keyframes vip-christmas {
0% {
top:35%
}
50% {
top:37%
}
100% {
top:35%
}
}
@-webkit-keyframes vip-christmas {
0% {
top:35%
}
50% {
top:37%
}
100% {
top:35%
}
}
@-moz-keyframes vip-christmas {
0% {
top:35%
}
50% {
top:37%
}
100% {
top:35%
}
}
@-o-keyframes vip-christmas {
0% {
top:35%
}
50% {
top:37%
}
100% {
top:35%
}
}
.activitySettings-fixedBottomClose {
	width: 40px;
	height: 40px;
	position: absolute;
	z-index: 3;
	left: 50%;
	top: 10px;
	margin-left: 490px;
	border: 1px solid red
}
.christmasModel-link {
	width: 100%;
	height: 402px;
	z-index: 2;
	left: 0;
	display: block;
	position: relative
}
.christmasModel-link p {
	width: 103px;
	height: 145px;
	position: absolute;
	top: 226px;
	left: 50%;
	margin-left: -266px
}
.christmasModel li {
	width: 100%;
	height: 300px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1
}
.copy-right {
	position: fixed;
	display: none;
	z-index: 999;
	background-color: #fff;
	left: 0;
	bottom: 0;
	height: 216px;
	width: 328px;
	box-shadow: 0 4px 6px 4px rgba(0,0,0,.3);
	padding-top: 30px
}
.copy-right>a {
	position: absolute;
	height: 24px;
	width: 24px;
	right: 10px;
	top: 10px;
	line-height: 24px;
	text-align: center
}
.copy-right>.content {
	width: 100%;
	height: 102px
}
.copy-right>.content .title-right {
	font-size: 14px;
	color: rgba(0,0,0,.65);
	padding-left: 32px
}
.copy-right>.content>p {
	width: 264px;
	margin: 0 auto;
	font-family: MicrosoftYaHei;
	font-size: 12px;
	color: rgba(0,0,0,.65);
	letter-spacing: 0;
	line-height: 20px
}
.copy-right>.content>p.content-text {
	text-indent: 25px
}
.copy-right>.content>.title {
	font-size: 20px;
	margin-bottom: 16px
}
.user-btn {
	display: block!important;
	width: 90px!important;
	height: 37px;
	margin: 0 auto;
	font-size: 14px;
	color: #FFF;
	text-align: center;
	line-height: 37px;
	margin-top: 24px
}
.tally-ul2 .tally-common {
	width: 217px;
	height: 48px;
	margin: 0 auto;
	margin-top: 20px;
	border-top: 1px solid #F4F4F4;
	position: relative;
	padding-top: 15px
}
.tally-ul2 .tally-common .icon {
	font-size: 24px;
	color: #999
}
.tally-ul2 .tally-common a {
	font-size: 14px;
	color: rgba(0,0,0,.65);
	position: absolute;
	left: 30px;
	top: 18px
}
.tally-ul2 .tally-common a:hover {
	color: #00BE6E
}
.activitySettings-Fixed {
	width: 140px;
	height: 140px;
	position: fixed;
	bottom: 440px;
	right: 0;
	z-index: 99;
	display: none
}
.activitySettings-Fixed p {
	width: 18px;
	height: 18px;
	position: absolute;
	cursor: pointer;
	top: 0;
	right: 0;
	color: #fff;
	background: #e68819;
	border-radius: 100%;
	line-height: 18px;
	text-align: center;
	font-size: 12px;
	overflow: hidden;
	z-index: 10
}
.activitySettings-Fixed a, .activitySettings-Fixed a img {
	width: 140px;
	height: 140px;
	display: inline-block;
	text-align: center
}
.activitySettings-fixedBottom {
	width: 1920px;
	height: auto;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 400;
	display: none
}
.activitySettings-fixedBottom p {
	width: 48px;
	height: 48px;
	line-height: 48px;
	position: absolute;
	z-index: 30;
	right: 0;
	top: -40px;
	padding-top: 1px;
	padding-left: 1px;
	color: #ffff;
	text-align: center;
	font-size: 24px;
	cursor: pointer;
	border-radius: 50%;
	background-color: #666
}
.activitySettings-fixedBottom p:hover {
	animation: turn3 .3s linear
}
.activitySettings-fixedBottom a, .activitySettings-fixedBottom a img {
	width: 100%;
	height: auto;
	display: inline-block;
	text-align: center
}
.activitySettings {
	width: 400px;
	height: 50px;
	position: absolute;
	top: -14px;
	right: 74px;
	display: none
}
@media screen and (max-width:1920px) {
.activitySettings-fixedBottom {
	width: 1600px!important
}
}
@media screen and (max-width:1680px) {
.activitySettings-fixedBottom {
	width: 1200px!important
}
}
@media screen and (max-width:1280px) {
.activitySettings-fixedBottom {
	width: 960px!important
}
}
@media screen and (max-width:1000px) {
.activitySettings-fixedBottom {
	width: 760px!important
}
}
.oldUserBack {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,.3)
}
.oldUserBack-model {
	position: relative;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: auto;
	width: 360px;
	background: #fff;
	box-shadow: 0 2px 4px 0 rgba(12,0,51,.1);
	border-radius: 4px
}
.oldUserBack-head {
	font-size: 24px;
	color: #fff;
	text-align: center;
	height: 80px;
	line-height: 80px;
	width: 100%;
	background: url(../images/rightBtnV2/olduserback.png) center no-repeat
}
.oldUserBack-head2 {
	color: #fff!important;
	background: url(../images/rightBtnV2/olduserback.png) center no-repeat!important
}
.oldUserBack-head2 .oldUserBack-close {
	color: #fff!important
}
.register-head {
	text-align: center;
	width: 100%;
	background-image: url(../images/rightBtnV2/olduserback.png);
	background-size: 100% 100%;
	padding-top: 13px;
	height: 114px
}
.register-head span {
	opacity: .8;
	font-size: 12px;
	color: #FFF;
	display: block;
	text-align: center
}
.register-head strong {
	font-size: 20px;
	color: #FFF;
	text-align: center;
	margin-top: 5px;
	display: block
}
.register-head em {
	font-size: 12px;
	color: #FFF;
	margin-top: 5px;
	display: block;
	text-align: center
}
.register-head .icon-guanbi {
	top: 10px!important;
	color: #fff
}
.oldUserBack-close, .oldUserBack .icon-guanbi {
	position: absolute;
	display: inline-block;
	right: 4px;
	top: -22px;
	height: 24px;
	width: 24px;
	font-size: 16px;
	cursor: pointer
}
.oldUserBack-content {
	height: auto;
	width: 100%;
	text-align: center;
	padding-bottom: 20px
}
.oldUserBack-content>p {
	margin-left: 20px;
	font-family: MicrosoftYaHei;
	font-size: 12px;
	color: #B7B7B7;
	letter-spacing: .5px;
	text-align: center;
	text-align: left;
	margin-top: 18px
}
.useronly {
	height: 74px;
	width: 320px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 32px;
	margin-top: 34px;
	background: url(../images/rightBtnV2/59.png) no-repeat center;
	background-size: contain
}
.oldUserBack-content .vip-list {
	width: 100%;
	height: auto;
	margin: 40px 0;
	padding-left: 25px
}
.oldUserBack-content .vip-list li {
	width: 64px;
	height: 64px;
	margin-right: 18px;
	position: relative
}
.oldUserBack-content .vip-list li input {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	cursor: pointer
}
.oldUserBack-content .vip-list .li {
	width: 100%;
	height: 100%;
	border-radius: 4px;
	text-align: center;
	padding-top: 10px;
	position: relative
}
.oldUserBack-content .vip-list .li img.vip-icon {
	width: 34px;
	display: block;
	margin: 0 auto;
	margin-bottom: 5px
}
.oldUserBack-content .vip-list .li img.select {
	position: absolute;
	width: 10px;
	height: 10px;
	right: 1px;
	bottom: 1px;
	display: none
}
.oldUserBack-content .vip-list .li span {
	font-size: 12px
}
.oldUserBack-content .vip-list li:nth-child(1) .li {
	background: #EDFFF4
}
.oldUserBack-content .vip-list li:nth-child(1) .li span {
	color: #00BE6E
}
.oldUserBack-content .vip-list li:nth-child(2) .li {
	background: #FFFAF3
}
.oldUserBack-content .vip-list li:nth-child(2) .li span {
	color: #FF9628
}
.oldUserBack-content .vip-list li:nth-child(3) .li {
	background: #ECF7FF
}
.oldUserBack-content .vip-list li:nth-child(3) .li span {
	color: #1482E6
}
.oldUserBack-content .vip-list li:nth-child(4) .li {
	background: #F6F6F6
}
.oldUserBack-content .vip-list li:nth-child(4) .li span {
	color: #333
}
.oldUserBack-content .vip-list li input:checked+.li .select {
	display: block
}
.oldUserBack-content .vip-list li:nth-child(1) input:checked+.li, .oldUserBack-content .vip-list li:nth-child(1) input:hover+.li {
	border: 1px solid #00BE6E
}
.oldUserBack-content .vip-list li:nth-child(2) input:checked+.li, .oldUserBack-content .vip-list li:nth-child(2) input:hover+.li {
	border: 1px solid #FF9628
}
.oldUserBack-content .vip-list li:nth-child(3) input:checked+.li, .oldUserBack-content .vip-list li:nth-child(3) input:hover+.li {
	border: 1px solid #1482E6
}
.oldUserBack-content .vip-list li:nth-child(4) input:checked+.li, .oldUserBack-content .vip-list li:nth-child(4) input:hover+.li {
	border: 1px solid #333
}
.oldUserBack-backimg {
	height: 126px;
	width: 100%;
	background: url(../images/rightBtnV2/olduserback-jifeng1.png) center no-repeat
}
.oldUserBack-backimg2 {
	background: url(../images/rightBtnV2/olduserback-vip1.png) center no-repeat!important
}
.oldUserBack-backimg3 {
	background: url(../images/rightBtnV2/vips.png) center no-repeat!important
}
.oldUserBack-text {
	height: auto;
	width: 100%;
	text-align: center;
	color: #f9ab10;
	font-size: 18px;
	font-weight: 700
}
.oldUserBack-text p {
	font-weight: 400;
	font-size: 14px;
	padding-left: 46px
}
.oldUserBack-text p:nth-child(1) {
	margin-top: 20px
}
.oldUserBack-btn, .register-btn {
	height: 38px;
	width: 140px!important;
	color: #fff;
	font-size: 16px;
	line-height: 38px;
	margin-top: 15px
}
.oldUserBack-btn2 {
	width: 220px!important
}
.register-btn {
	width: 250px!important
}
.model-618poster {
	position: fixed;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,.8);
	top: 0;
	left: 0;
	z-index: 999
}
.model-618poster>.model-row-618poster {
	text-align: center;
	width: 700px;
	height: 540px;
	position: absolute;
	bottom: -webkit-calc(50% - 270px);
	bottom: -moz-calc(50% - 270px);
	bottom: calc(50% - 270px);
	left: -webkit-calc(50% - 350px);
	left: -moz-calc(50% - 350px);
	left: calc(50% - 350px)
}
.model-618poster>.model-row-618poster>.model-close-618poster {
	width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	left: 80px;
	top: 0;
	cursor: pointer;
	border: 1px solid #dcdcdc;
	text-align: center;
	line-height: 40px
}
.model-618poster>.model-row-618poster>a {
	color: #666;
	text-decoration: none;
	cursor: pointer
}
.model-close-618poster:after {
	content: '\2715';
	color: #fff
}
.activity4>.oldUserBack-model>.oldUserBack-head {
	background: 0 0;
	color: #ca2c49;
	font-size: 20px;
	font-weight: 700
}
.activity4>.oldUserBack-model>.oldUserBack-head>p {
	font-size: 12px;
	color: #9b9b9b;
	font-weight: 400;
	height: 14px;
	line-height: 14px;
	margin-top: -19px;
	text-align: center
}
.activity4>.oldUserBack-model>.oldUserBack-head>.oldUserBack-close {
	color: #595959
}
.activity4-backimg {
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 30px;
	height: 90px;
	width: 320px;
	box-shadow: 0 0 8px 2px rgba(198,29,59,.2);
	cursor: pointer
}
.activity4-bg20 {
	background: url(../images/rightBtnV2/bg20-1.png) center no-repeat!important
}
.activity4-bg100 {
	background: url(../images/rightBtnV2/bg100.png) center no-repeat!important
}
.activity4-bgvip7 {
	background: url(../images/rightBtnV2/bgvip7-1.png) center no-repeat!important
}
.activity4-jc20 {
	background: url(../images/rightBtnV2/jc20-1.png) center no-repeat!important
}
.activity4-jc100 {
	background: url(../images/rightBtnV2/jc100.png) center no-repeat!important
}
.activity4-jcvip7 {
	background: url(../images/rightBtnV2/jcvip7-1.png) center no-repeat!important
}
.activity4-jx20 {
	background: url(../images/rightBtnV2/jx20-1.png) center no-repeat!important
}
.activity4-jx100 {
	background: url(../images/rightBtnV2/jx100.png) center no-repeat!important
}
.activity4-jxvip7 {
	background: url(../images/rightBtnV2/jxvip7-1.png) center no-repeat!important
}
.activity4-vip10 {
	background: url(../images/rightBtnV2/vip10-1.png) center no-repeat!important
}
.inter-better {
	width: 808px;
	height: auto;
	display: block;
	position: relative;
	margin: auto
}
.inter-better .vip-receive {
	float: left;
	width: 100%;
	height: 178px;
	background: rgba(255,255,255,1);
	border-radius: 8px;
	font-size: 14px;
	color: rgba(0,0,0,.65);
	position: relative;
	margin-bottom: 16px
}
.vip-receive .receive-tlt {
	width: 70px;
	height: 35px;
	font-size: 14px;
	color: rgba(0,0,0,.65);
	line-height: 38px;
	margin-left: 20px
}
.receive-tlt:before {
	width: 4px;
	height: 14px;
	background: rgba(0,190,110,1);
	border-radius: 2px;
	display: block;
	left: 10px;
	top: 12px;
	position: absolute;
	content: ''
}
.vip-receive ul {
	position: relative;
	width: 100%;
	height: 120px;
	margin: auto;
	padding-left: 7px
}
.vip-receive ul a>li {
	width: 256px;
	height: 118px;
	float: left;
	background: rgba(244,244,244,1);
	margin-right: 13px;
	position: relative
}
.vip-receive ul a>li.r-m {
	margin-right: 0
}/*!*border: 0px;*!*/
.vip-receive ul>a>li>img {
	width: 256px;
	height: 68px;
	display: block
}
.vip-receive ul>a>li>p {
	width: 100%;
	height: 50px;
	padding-left: 12px;
	padding-right: 12px;
	position: relative
}
.vip-receive ul>a>li>p>span:nth-child(1) {
	width: 161px;
	font-size: 14px;
	color: rgba(0,0,0,.65);
	display: block;
	text-align: left;
	float: left;
	margin-top: 6px;
	padding-left: 1px
}
.vip-receive ul>a>li>p>span:nth-child(1)>i {
	font-size: 12px;
	color: #707070
}
.vip-receive ul>a>li>p>span:nth-child(2) {
	width: 70px;
	height: 30px;
	line-height: 30px;
	margin-top: 11px;
	font-size: 12px;
	color: #00BE6E;
	text-align: center;
	background: rgba(237,255,244,1);
	border-radius: 4px;
	border: 1px solid rgba(0,190,110,1);
	float: left;
	cursor: pointer
}
.vip-receive ul>a>li>p>span:nth-child(2):hover {
	background-image: linear-gradient(to right, #17e66c, #10c55b);
	color: #fff;
	border: 0
}
.inter-better .points-for {
	float: left;
	width: 100%;
	height: 178px;
	background: rgba(255,255,255,1);
	border-radius: 8px;
	font-size: 14px;
	color: rgba(0,0,0,.65);
	position: relative
}
.points-for .points-tlt {
	width: 70px;
	height: 35px;
	font-size: 14px;
	color: rgba(0,0,0,.65);
	line-height: 38px;
	margin-left: 20px
}
.points-tlt:before {
	width: 4px;
	height: 14px;
	background: rgba(0,190,110,1);
	border-radius: 2px;
	display: block;
	left: 10px;
	top: 12px;
	position: absolute;
	content: ''
}
.points-for .more-for {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 12px;
	color: #00BE6E
}
.points-for .more-for:hover {
	text-decoration: underline
}
.points-for ul {
	position: relative;
	width: 100%;
	height: 120px;
	margin: auto;
	padding-left: 7px
}
.points-for ul a>li {
	width: 256px;
	height: 118px;
	float: left;
	background: rgba(244,244,244,1);
	margin-right: 13px;
	position: relative
}
.points-for ul a>li.r-m {
	margin-right: 0
}
.points-for ul>a>li>img {
	width: 256px;
	height: 68px;
	display: block
}
.points-for ul>a>li>p {
	width: 100%;
	height: 50px;
	padding-left: 12px;
	padding-right: 12px;
	position: relative
}
.points-for ul>a>li>p>span:nth-child(1) {
	width: 161px;
	font-size: 14px;
	color: rgba(0,0,0,.65);
	display: block;
	text-align: left;
	float: left;
	margin-top: 15px
}
.points-for ul>a>li>p>span:nth-child(1)>i {
	font-size: 12px;
	color: #707070
}
.points-for ul>a>li>p>span:nth-child(2) {
	width: 70px;
	height: 30px;
	line-height: 30px;
	margin-top: 11px;
	font-size: 12px;
	color: #00BE6E;
	text-align: center;
	background: rgba(237,255,244,1);
	border-radius: 4px;
	border: 1px solid rgba(0,190,110,1);
	float: left;
	cursor: pointer
}
.points-for ul>a>li>p>span:nth-child(2):hover {
	background-image: linear-gradient(to right, #17e66c, #10c55b);
	color: #fff;
	border: 0
}
.grows-saw {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1002;
	text-align: center;
	display: none;
	background: rgba(0,0,0,.4)
}
.growsCenter {
	display: table-cell;
	vertical-align: middle;
	text-align: center
}
.grows-success {
	width: 400px;
	height: 310px;
	background: rgba(255,255,255,1);
	box-shadow: 0 0 8px 0 rgba(0,0,0,.1);
	border-radius: 4px;
	display: inline-block;
	position: relative
}
.grows-success .grow-mes {
	width: 100%;
	height: 80px;
	background: rgba(255,250,243,1);
	border-radius: 4px;
	padding-top: 11px
}
.grows-seven .grow-mes p:nth-child(1) {
	margin-top: 12px
}
.grows-success .grow-mes p:nth-child(1) {
	font-size: 24px;
	color: #FF7800;
	text-align: center
}
.grows-success .grow-mes p:nth-child(2) {
	font-size: 16px;
	color: rgba(0,0,0,.65);
	text-align: center
}
.grows-success .vouchers-two {
	width: 100%;
	height: 160px;
	display: block;
	position: relative;
	padding-top: 20px
}
.grows-success .vouchers-two .two-one {
	font-size: 16px;
	color: rgba(0,0,0,.65);
	text-align: center;
	margin-bottom: 5px
}
.grows-success .vouchers-two .two-name {
	font-size: 16px;
	color: rgba(0,0,0,.65);
	text-align: center
}
.grows-success .vouchers-two .two-process {
	position: relative;
	width: 232px;
	height: 52px;
	display: block;
	margin: 20px auto 0
}
.grows-success .vouchers-two .two-process p.first {
	position: absolute;
	left: 0;
	top: 1px;
	width: 32px;
	text-align: center;
	font-size: 12px;
	color: rgba(0,0,0,.65)
}
.grows-success .vouchers-two .two-process p.first:before {
	width: 60px;
	height: 1px;
	background: rgba(242,121,0,1);
	display: block;
	left: 31px;
	top: 10px;
	position: absolute;
	content: ''
}
.grows-success .vouchers-two .two-process p.first>i {
	width: 20px;
	height: 20px;
	border-radius: 100%;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	color: rgba(242,121,0,1);
	border: 1px solid rgba(242,121,0,1);
	display: inline-block
}
.grows-success .vouchers-two .two-process p.first>span {
	font-size: 12px;
	color: rgba(0,0,0,.65);
	text-align: center;
	display: inline-block;
	margin-top: 8px
}
.grows-success .vouchers-two .two-process p.two {
	position: absolute;
	left: 90px;
	top: 1px;
	width: 32px;
	text-align: center;
	font-size: 12px;
	color: rgba(0,0,0,.65);
	display: none
}
.grows-success .vouchers-two .two-process p.two:before {
	width: 58px;
	height: 1px;
	background: rgba(242,121,0,1);
	display: block;
	left: 30px;
	top: 10px;
	position: absolute;
	content: ''
}
.grows-success .vouchers-two .two-process p.two>i {
	width: 20px;
	height: 20px;
	border-radius: 100%;
	background: #F27900;
	display: inline-block
}
.grows-success .vouchers-two .two-process p.two>span {
	font-size: 12px;
	color: rgba(0,0,0,.65);
	text-align: center;
	display: inline-block;
	margin-top: 8px
}
.grows-success .vouchers-two .two-process p.twoOk {
	position: absolute;
	left: 90px;
	top: 1px;
	width: 32px;
	text-align: center;
	font-size: 12px;
	color: rgba(0,0,0,.65);
	display: none
}
.grows-success .vouchers-two .two-process p.twoOk:before {
	width: 58px;
	height: 1px;
	background: rgba(242,121,0,1);
	display: block;
	left: 30px;
	top: 10px;
	position: absolute;
	content: ''
}
.grows-success .vouchers-two .two-process p.twoOk>i {
	width: 20px;
	height: 20px;
	border-radius: 100%;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	color: rgba(242,121,0,1);
	border: 1px solid rgba(242,121,0,1);
	display: inline-block
}
.grows-success .vouchers-two .two-process p.twoOk>span {
	font-size: 12px;
	color: rgba(0,0,0,.65);
	text-align: center;
	display: inline-block;
	margin-top: 8px
}
.grows-success .vouchers-two .two-process p.three {
	position: absolute;
	left: 180px;
	top: 1px;
	width: 32px;
	text-align: center;
	font-size: 12px;
	color: rgba(0,0,0,.65)
}
.grows-success .vouchers-two .two-process p.three>img {
	width: 33px;
	height: 33px;
	display: inline-block;
	margin-top: -8px
}
.grows-success .vouchers-two .two-process p.three>span {
	font-size: 12px;
	color: rgba(0,0,0,.65);
	text-align: center;
	display: inline-block;
	margin-top: 3px
}
.grows-success .grow-txt-now {
	font-size: 23px;
	color: rgba(0,0,0,.65);
	text-align: center;
	margin-top: 50px;
	margin-bottom: 66px
}
.grows-success .grow-txt-tomorrow {
	font-size: 14px;
	margin-top: 7px;
	color: #595959;
	text-align: center
}
.grows-success .grow-txt-tomorrow i {
	color: #FF7800
}
.activity-right-entry {
	width: 140px;
	height: 140px;
	position: fixed;
	right: 5px;
	bottom: 430px;
	z-index: 20
}
.activity-right-entry img {
	display: block;
	width: 100%;
	height: 100%
}
.activity-right-entry .icon-guanbi {
	position: absolute;
	right: 0!important;
	top: -10px;
	color: #666;
	cursor: pointer
}
@keyframes turn3 {
0% {
transform:rotate(0deg)
}
25% {
transform:rotate(90deg)
}
50% {
transform:rotate(180deg)
}
75% {
transform:rotate(270deg)
}
100% {
transform:rotate(360deg)
}
}
.new-settings-market {
	width: 60px;
	min-height: 64px;
	position: fixed;
	bottom: 440px;
	right: 0;
	z-index: 99;
	display: none
}
.new-settings-market p {
	width: 18px;
	height: 18px;
	position: absolute;
	cursor: pointer;
	top: -22px;
	right: 0;
	color: #929292;
	border: 1px solid #929292;
	border-radius: 100%;
	line-height: 18px;
	text-align: center;
	font-size: 12px;
	overflow: hidden;
	z-index: 10
}
.new-settings-market a {
	width: 60px;
	min-height: 64px;
	display: inline-block;
	text-align: center
}
.new-settings-market a img {
	width: 60px;
	min-height: 64px;
	display: inline-block;
	text-align: center
}
.market-animation {
	animation: marketRight 3s linear;
	-webkit-animation: marketRight 3s linear;
	-moz-animation: marketRight 3s linear;
	-o-animation: marketRight 3s linear;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards
}
@keyframes marketRight {
from {
position:fixed;
bottom:0;
left:51%;
margin-left:-602px;
transform:scale(1);
opacity:1
}
to {
	position: fixed;
	left: 110%;
	top: 30%;
	transform: scale(0);
	opacity: 0
}
}
@-webkit-keyframes marketRight {
from {
position:fixed;
bottom:0;
left:51%;
margin-left:-602px;
transform:scale(1);
opacity:1
}
to {
	position: fixed;
	left: 110%;
	top: 30%;
	transform: scale(0);
	opacity: 0
}
}
@-moz-keyframes integralRight {
from {
position:fixed;
bottom:0;
left:51%;
margin-left:-602px;
transform:scale(1);
opacity:1
}
to {
	position: fixed;
	left: 110%;
	top: 30%;
	transform: scale(0);
	opacity: 0
}
}
@-o-keyframes integralRight {
from {
position:fixed;
bottom:0;
left:51%;
margin-left:-602px;
transform:scale(1);
opacity:1
}
to {
	position: fixed;
	left: 110%;
	top: 30%;
	transform: scale(0);
	opacity: 0
}
}
@charset "UTF-8";
.color-body {
	background-color: #fff;
	position: relative
}
.match-colors ol {
	width: 100%;
	height: 60px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	border: 1px solid #d7d7d7
}
.match-colors ol li {
	float: left;
	width: 100%;
	height: 100%;
	background-color: #c67d53
}
.match-colors .color-controls {
	position: relative;
	height: 100%
}
.color-controls b {
	color: #fff;
	margin-left: 18px;
	height: 26px;
	line-height: 16px;
	display: block;
	cursor: pointer;
	text-shadow: 0 0 4px rgba(0,0,0,.5);
	padding-top: 10px
}
.color-controls i {
	color: #fff;
	margin-left: 18px;
	font-size: 14px;
	height: 50%;
	display: block;
	cursor: pointer;
	text-shadow: 0 0 4px rgba(0,0,0,.5);
	padding-top: 8px;
	font-style: normal
}
.color-controls .remove-btn {
	display: inline-block;
	color: #fff;
	padding: 4px;
	position: absolute;
	top: 2px;
	right: 10px
}
.color-controls .remove-btn i {
	font-size: 12px;
	width: 22px;
	height: 22px;
	background: rgba(0,0,0,.3);
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display: block;
	text-align: center;
	line-height: 24px;
	margin-left: 0;
	padding-top: 0
}
.color-controls .custom-btn i {
	font-size: 12px;
	width: 22px;
	height: 22px;
	background: rgba(0,0,0,.3);
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display: block;
	text-align: center;
	line-height: 24px;
	margin-left: 0;
	padding-top: 0
}
.color-controls span.separator {
	width: 29px;
	height: 101%;
	background: url(../images/search/removebtn.png);
	position: absolute;
	left: -13px;
	top: -1px;
	margin: 0;
	cursor: col-resize
}
.match-colors ol li:first-child .color-controls span.separator {
	display: none
}
.color-controls .custom-btn {
	display: inline-block;
	color: #fff;
	padding: 4px;
	position: absolute;
	bottom: 2px;
	right: 10px
}
.color-controls .custom-btn svg {
	font-size: 18px;
	width: 32px;
	height: 32px;
	background: rgba(0,0,0,.1);
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display: block;
	text-align: center;
	line-height: 32px;
	margin-left: 0;
	padding: 4px
}
.search .all-classify {
	padding-left: 0
}
.search .all-classify:last-of-type {
	padding-bottom: 0
}
.search .crumbs-labels {
	padding-left: 0
}
.color-box {
	-webkit-border-radius: 4px;
	border-radius: 4px
}
.search .color-body {
	border-bottom: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding-top: 30px
}
.color-wrap {
	padding-top: 0
}
.del-all-block {
	float: left;
	width: 38px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	cursor: pointer;
	background-color: #E3E3E3;
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px
}
.del-all-block .icon-guanbi {
	color: #999;
	font-size: 14px
}
.del-all-block .icon-guanbi:hover {
	color: #00be6e
}
.color-box {
	margin-top: 24px
}
.tip {
	float: left;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	color: #666;
	margin-left: 20px;
	letter-spacing: 1px
}
@media screen and (max-width:1450px) {
.tip {
	display: none
}
}
.exit-color-filter {
	font-family: MicrosoftYaHei;
	font-size: 12px;
	color: #00BE6E;
	letter-spacing: 0;
	padding: 0 12px;
	line-height: 24px;
	cursor: pointer;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	outline: 0;
	background: #EDFFF4;
	border: 1px solid #00BE6E;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	right: 0
}
.exit-color-filter:hover {
	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.2)
}
.usuallycolor {
	float: left
}
.usuallycolor .color-block {
	float: left;
	width: 36px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	cursor: pointer;
	position: relative
}
.usuallycolor .color-block>span {
	display: block;
	position: absolute;
	line-height: 24px;
	text-align: center;
	z-index: -1;
	width: 40px;
	height: 24px;
	opacity: 0
}
.usuallycolor .color-block>span>.icon {
	display: none;
	font-size: 16px;
	color: #fff
}
.usuallycolor .color-block.active .icon {
	display: inline-block
}
.usuallycolor .color-block .icon {
	display: none;
	font-size: 16px;
	color: #fff
}
.usuallycolor .color-block:hover span {
	z-index: 1;
	opacity: 1;
	width: 50px;
	height: 30px;
	left: -5px;
	top: -3px;
	line-height: 30px
}
.custom-color {
	float: left
}
.custom-circle .open-colorpicker {
	width: 38px;
	height: 24px;
	line-height: 24px;
	color: #999;
	display: block;
	text-align: center;
	font-weight: 700;
	background: #e3e3e3;
	font-size: 14px;
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0
}
.custom-circle .open-colorpicker:hover .icon {
	color: #00be6e
}
.custom-btn .icon-yanse {
	margin-left: 0
}
.searchColor.loading .searchColor-loading {
	display: block
}
.searchColor.loading .pagelist, .searchColor.loading .pic-box {
	display: none
}
.searchColor-loading {
	display: none;
	padding: 30px 0 180px
}
.colorpicker {
	display: none;
	border: 1px solid #EAEAEA;
	width: 227px;
	height: 279px;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	background: url(../images/search/colorpicker_background.png) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	-webkit-border-radius: 5px;
	border-radius: 5px
}
.colorpicker_color {
	width: 150px;
	height: 150px;
	left: 14px;
	top: 13px;
	position: absolute;
	background: red;
	overflow: hidden;
	cursor: crosshair
}
.colorpicker_color div {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 150px;
	background: url(../images/search/colorpicker_overlay.png)
}
.colorpicker_color div div {
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 11px;
	overflow: hidden;
	background: url(../images/search/colorpicker_select.gif);
	margin: -5px 0 0 -5px
}
.colorpicker_hue {
	position: absolute;
	top: 13px;
	left: 173px;
	width: 47px;
	height: 150px;
	cursor: n-resize
}
.colorpicker_hue div {
	position: absolute;
	width: 47px;
	height: 11px;
	overflow: hidden;
	background: url(../images/search/colorpicker_indic.gif) left top;
	margin: -4px 0 0 0;
	left: 0
}
.colorpicker_new_color {
	position: absolute;
	width: 31px;
	height: 31px;
	left: 180px;
	top: 176px;
	background: red
}
.colorpicker_current_color {
	display: none;
	position: absolute;
	width: 60px;
	height: 30px;
	left: 283px;
	top: 13px;
	background: red
}
.colorpicker input {
	background-color: transparent;
	border: 1px solid transparent;
	position: absolute;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #444343;
	top: 0;
	right: 0;
	text-align: left;
	margin: 0;
	padding: 0;
	height: 25px;
	width: 129px
}
.colorpicker_hex {
	position: absolute;
	height: 27px;
	width: 133px;
	left: 32px;
	top: 179px
}
.colorpicker_field {
	height: 22px;
	width: 62px;
	background-position: top;
	position: absolute
}
.colorpicker_field span {
	position: absolute;
	width: 12px;
	height: 22px;
	overflow: hidden;
	top: 0;
	right: 0;
	cursor: n-resize
}
.colorpicker_rgb_r {
	display: none;
	top: 52px;
	left: 212px
}
.colorpicker_rgb_g {
	display: none;
	top: 82px;
	left: 212px
}
.colorpicker_rgb_b {
	display: none;
	top: 112px;
	left: 212px
}
.colorpicker_hsb_h {
	display: none;
	top: 52px;
	left: 282px
}
.colorpicker_hsb_s {
	display: none;
	top: 82px;
	left: 282px
}
.colorpicker_hsb_b {
	display: none;
	top: 112px;
	left: 282px
}
.colorpicker_submit {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 152px;
	top: 236px;
	overflow: hidden;
	font-size: 14px;
	color: #FFF;
	background-image: -webkit-gradient(linear, right top, left top, color-stop(3%, #02BD6E), to(#31E696));
	background-image: -webkit-linear-gradient(right, #02BD6E 3%, #31E696 100%);
	background-image: -moz- oldlinear-gradient(right, #02BD6E 3%, #31E696 100%);
	background-image: linear-gradient(-90deg, #02BD6E 3%, #31E696 100%);
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
	line-height: 30px;
	cursor: pointer
}
.colorpicker_submit:hover {
	background-image: -webkit-gradient(linear, left top, right top, from(#32e6b0), to(#00be85));
	background-image: -webkit-linear-gradient(left, #32e6b0, #00be85);
	background-image: -moz- oldlinear-gradient(left, #32e6b0, #00be85);
	background-image: linear-gradient(to right, #32e6b0, #00be85)
}
.colorpicker_cancel {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 82px;
	top: 236px;
	overflow: hidden;
	color: #00BE6E;
	background: #EDFFF4;
	border: 1px solid #00BE6E;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
	font-size: 14px;
	line-height: 30px;
	cursor: pointer
}
.colorpicker_focus {
	background-position: center
}
.colorpicker_hex.colorpicker_focus {
	background-position: bottom
}
.colorpicker_submit.colorpicker_focus {
	background-position: bottom
}
.colorpicker_slider {
	background-position: bottom
}
.search-color-box {
	width: 100%;
	height: auto;
	background: #fff;
	padding: 16px 10px;
	margin-bottom: 14px;
	margin-top: 15px
}
.search-color-box .color-text {
	font-size: 14px;
	color: #666;
	padding-top: 2px;
	margin-right: 40px
}
.search-color-box .color-text p {
	position: relative
}
.search-color-box .color-text p span {
	color: #00BE6E
}
.search-color-box .color-text p .color-btn {
	width: 54px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	color: #999;
	border: 1px solid #999;
	position: absolute;
	right: -65px;
	top: 0;
	cursor: pointer;
	display: none
}
.search-color-box .color-text p .color-btn .icon {
	font-size: 12px
}
.search-color-box .color-tab {
	margin-top: 2px;
	position: relative
}
.search-color-box .usuallycolor .color-block {
	width: 30px;
	height: 20px;
	line-height: 20px
}
.search-color-box .usuallycolor .color-block .icon {
	font-size: 14px
}
.search-color-box .usuallycolor .color-block:hover span {
	z-index: 1;
	opacity: 1;
	width: 36px;
	height: 24px;
	left: -3px;
	top: -2px;
	line-height: 24px
}
.search-color-box .custom-circle .open-colorpicker {
	width: 30px;
	height: 20px;
	line-height: 20px
}
.search-color-box .custom-circle .open-colorpicker .icon {
	font-size: 14px
}
.search-color-box .flow-box {
	height: auto!important
}
.search-participle-footer .spf-content {
	background-color: #fff;
	padding: 12px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 2px 11px 0 rgba(0,0,0,.17);
	box-shadow: 0 2px 11px 0 rgba(0,0,0,.17);
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-top: 10px;
	margin-bottom: 20px
}
.search-participle-footer .spf-content>input {
	background-color: #fff!important;
	border: 1px solid #D5D5D5;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	height: 36px;
	line-height: 36px;
	width: 57%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 14px;
	font-size: 14px
}
.search-participle-footer .spf-content input:-internal-autofill-selected, .search-participle-footer .spf-content input::-webkit-input-placeholder {
background-color:#fff!important;
font-size:14px;
-webkit-text-fill-color:#A7A7A7
}
.search-participle-footer .spf-content input:-webkit-autofill {
-webkit-box-shadow:0 0 0 1000px #fff inset!important
}
.search-participle-footer .spf-content input:focus, .search-participle-footer .spf-content input:active {
	border-color: #10c55b
}
.search-participle-footer .spf-content .qt-btn {
	width: 90px;
	color: #fff;
	height: 36px;
	line-height: 36px;
	background-color: #10C55B;
	margin-left: 10px
}
.search-participle-footer .spf-content>span {
	margin-left: 24px;
	font-size: 12px;
	color: #A7A7A7
}
.qtw-card-theme {
	float: left;
	width: 276px;
	height: 196px;
	margin: 12px;
	padding: 6px;
	background: -webkit-linear-gradient(135deg, #fff 0, #cfeddc 100%);
	background: -moz- oldlinear-gradient(135deg, #fff 0, #cfeddc 100%);
	background: linear-gradient(315deg, #fff 0, #cfeddc 100%);
	-webkit-border-radius: 8px;
	border-radius: 8px;
	cursor: pointer
}
.qtw-card-theme:hover {
	margin: 12px;
	cursor: pointer
}
.qtw-card-theme .image-box {
	position: relative;
	width: 150px;
	height: 184px;
	float: left
}
.qtw-card-theme .image-box .image-list {
	position: absolute;
	z-index: 10;
	width: 138px;
	height: 184px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	overflow: hidden
}
.qtw-card-theme .image-box .image-list ul {
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #EDFFF4
}
.qtw-card-theme .image-box .image-list ul li {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	width: 100%;
	height: 100%;
	background-color: #EDFFF4
}
.qtw-card-theme .image-box .image-list ul li img {
	display: block;
	position: relative;
	width: 100%;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-border-radius: 8px;
	border-radius: 8px
}
.qtw-card-theme .image-box .image-list ul li:nth-child(1) {
	z-index: 1002
}
.qtw-card-theme .image-box .image-list ul li:nth-child(2) {
	z-index: 1001
}
.qtw-card-theme .image-box .image-list ul li:nth-child(3) {
	z-index: 1000
}
.qtw-card-theme .image-box .image-list img {
	display: block;
	position: relative;
	width: 100%;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-border-radius: 8px;
	border-radius: 8px
}
.qtw-card-theme .image-box .shadow1 {
	position: absolute;
	top: 5.5px;
	z-index: 9;
	right: 6px;
	width: 91px;
	height: 172px;
	background: rgba(148,182,162,.54);
	-webkit-border-radius: 8px;
	border-radius: 8px
}
.qtw-card-theme .image-box .shadow2 {
	position: absolute;
	top: 11.5px;
	z-index: 8;
	right: 0;
	width: 85px;
	height: 160px;
	background: rgba(148,182,162,.2);
	-webkit-border-radius: 8px;
	border-radius: 8px
}
.qtw-card-theme .text-box {
	position: relative;
	width: 114px;
	height: 184px;
	float: left;
	overflow: hidden
}
.qtw-card-theme .text-box .month {
	position: absolute;
	top: 0;
	right: 0;
	width: 90px;
	height: 48px;
	line-height: 48px;
	font-size: 40px;
	font-weight: 300;
	color: rgba(181,197,193,.3)
}
.qtw-card-theme .text-box .logo {
	position: relative;
	width: 54px;
	height: 54px;
	line-height: 65px;
	margin: 0 auto;
	margin-top: 50px;
	font-size: 24px;
	color: rgba(181,197,193,.9);
	text-align: center;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}
.qtw-card-theme .text-box .title {
	position: relative;
	margin: 0 auto;
	margin-top: 10px;
	max-width: 96px;
	font-size: 16px;
	font-weight: 400;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}
.qtw-card-theme .text-box .title-alc {
	text-align: center
}
.qtw-card-theme .text-box .time {
	position: relative;
	width: 100%;
	margin-top: 4px;
	color: #969696;
	font-size: 12px;
	font-weight: 400;
	text-align: center
}
.qtw-card-theme .text-box .dis-price {
	text-align: left;
	margin-left: 9px
}
.qtw-card-theme .text-box .line-green {
	margin-left: 9px;
	margin-top: 15px;
	width: 36px;
	height: 2px;
	background: #00be6e;
	-webkit-border-radius: 2px;
	border-radius: 2px
}
.qtw-card-theme .text-box .more {
	display: inline-block;
	margin-left: 9px;
	margin-top: 23px;
	font-size: 12px;
	font-weight: 400;
	color: #666
}
.qtw-card-theme .text-box .more:hover {
	color: #00be6e
}
.qtw-card-theme .text-box .default .subTitle {
	position: relative;
	margin: 0 auto;
	margin-top: 10px;
	max-width: 96px;
	font-size: 12px;
	font-weight: 400;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3
}
.qtw-card-theme .text-box .default .number {
	display: inline-block;
	margin-top: 6px;
	margin-left: 9px;
	font-size: 12px;
	font-weight: 400;
	color: #999
}
.qtw-card-theme .text-box .default .number i {
	vertical-align: middle;
	margin-right: 2px
}
.qtw-card-theme .text-box .default .name {
	position: absolute;
	left: 9px;
	bottom: 8px;
	font-size: 12px;
	font-weight: 400;
	color: #666;
	width: 60%;
	height: 18px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
.qtw-card-theme .text-box .default .fav-icon {
	position: absolute;
	right: 0;
	bottom: 12px;
	color: #999
}
.qtw-card-theme .text-box .active {
	display: none;
	margin-top: 5px;
	overflow: hidden;
	padding-top: 150px
}
.qtw-card-theme .text-box .active .keyword {
	margin-top: 15px;
	width: 105px;
	height: 35px;
	overflow: hidden;
	padding-left: 8px
}
.qtw-card-theme .text-box .active .keyword span {
	display: inline-block;
	text-align: center;
	margin: 0;
	padding: 0 2px;
	height: 17px;
	line-height: 17px;
	font-size: 12px;
	font-weight: 400;
	color: #666;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.qtw-card-theme .text-box .active .qtw-button {
	position: absolute;
	left: 9px;
	bottom: -60px;
	width: 60px!important;
	height: 30px!important;
	-webkit-border-radius: 4px!important;
	border-radius: 4px!important
}
.qtw-card-theme .text-box .active .qtw-button span {
	margin-top: -2px;
	margin-left: -20px;
	text-align: center;
	width: 60px;
	display: inline-block;
	font-size: 14px!important;
	font-weight: 400!important
}
.qtw-card-theme.is-bg {
	background: -webkit-linear-gradient(136deg, #fff 0, #c7e6fd 100%);
	background: -moz- oldlinear-gradient(136deg, #fff 0, #c7e6fd 100%);
	background: linear-gradient(314deg, #fff 0, #c7e6fd 100%)
}
.qtw-card-theme.is-bg .text-box .line-green {
	background: #1980FF
}
.qtw-card-theme.is-bg .image-box .shadow1 {
	background: #bbd1e2
}
.qtw-card-theme.is-bg .image-list ul {
	background-color: #c7e6fd
}
.qtw-card-designer {
	display: inline-block;
	float: left;
	width: 276px;
	height: 181px;
	margin: 12px;
	padding: 6px;
	background: -webkit-linear-gradient(135deg, #fff 0, #e6e6e6 100%);
	background: -moz- oldlinear-gradient(135deg, #fff 0, #e6e6e6 100%);
	background: linear-gradient(315deg, #fff 0, #e6e6e6 100%);
	-webkit-border-radius: 8px;
	border-radius: 8px;
	cursor: pointer
}
.qtw-card-designer .image-box {
	position: absolute;
	z-index: 10;
	float: left;
	width: 124px;
	height: 165px;
	overflow: hidden;
	-webkit-border-radius: 8px;
	border-radius: 8px
}
.qtw-card-designer .image-box ul {
	position: relative;
	width: 100%;
	height: 100%;
	display: inline-block;
	-webkit-border-radius: 8px;
	border-radius: 8px
}
.qtw-card-designer .image-box ul li {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	width: 100%;
	height: 100%
}
.qtw-card-designer .image-box ul li img {
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
	width: 100%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-border-radius: 8px;
	border-radius: 8px
}
.qtw-card-designer .image-box ul li:nth-child(1) {
	z-index: 1002
}
.qtw-card-designer .image-box ul li:nth-child(2) {
	z-index: 1001
}
.qtw-card-designer .image-box ul li:nth-child(3) {
	z-index: 1000
}
.qtw-card-designer .text-box {
	float: left;
	width: 141px;
	height: 165px;
	padding-left: 8px;
	padding-top: 4px;
	margin-left: 124px;
	position: relative
}
.qtw-card-designer .text-box .logo {
	width: 38px;
	height: 38px;
	margin: 0 auto
}
.qtw-card-designer .text-box .logo img {
	width: 100%;
	height: 100%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}
.qtw-card-designer .text-box .title {
	width: 100%;
	height: 20px;
	padding-right: 2px;
	text-align: center;
	line-height: 20px;
	font-size: 14px;
	font-weight: 500;
	color: rgba(0,0,0,.65);
	margin: 0 auto;
	margin-top: 15px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
.qtw-card-designer .text-box .title i {
	vertical-align: top
}
.qtw-card-designer .text-box .skill {
	width: 100%;
	height: 20px;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	font-weight: 400;
	color: #666;
	margin: 0 auto;
	margin-top: 6px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
.qtw-card-designer .text-box .qtw-button {
	position: absolute;
	left: -webkit-calc(50% - 40px);
	left: -moz-calc(50% - 40px);
	left: calc(50% - 40px);
	bottom: 20px;
	width: 80px;
	height: 30px;
	-webkit-border-radius: 4px!important;
	border-radius: 4px!important
}
.qtw-card-designer .text-box .qtw-button span {
	margin-top: -2px;
	margin-left: -20px;
	text-align: center;
	width: 80px;
	display: inline-block;
	font-size: 14px!important;
	font-weight: 400!important
}
.qtw-card {
	-webkit-border-radius: 8px;
	border-radius: 8px;
	margin-bottom: 16px;
	cursor: pointer
}
.qtw-card:nth-child(4n) {
	margin-right: 0
}

.qtw-card .image-box .emoji-box {
	-webkit-border-radius: 8px;
	border-radius: 8px;
	width: 100%;
	height: 100%
}
.qtw-card .image-box .emoji-box .emoji-image {
	float: left;
	width: 100%;
	height: 276px;
	text-align: center
}
.qtw-card .image-box .emoji-box .emoji-image img {
	width: 207px;
	height: 207px;
	margin: 0 auto;
	margin-left: 0
}
.qtw-card .image-box .emoji-box .emoji-icon {
	float: left;
	width: 86px;
	height: 86px;
	margin: 0 3px;
	text-align: center
}
.qtw-card .image-box .emoji-box .emoji-icon img {
	width: 100%;
	height: 100%
}
.qtw-card .image-box .new-icon {
	position: absolute;
	top: 16px;
	right: 0;
	width: 30px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	background: #00be6e;
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px
}
.qtw-card .image-box .free-icon {
	width: 55px!important;
	background: #ff9628!important
}
.qtw-card .image-box .is-advertisement {
	display: block;
	padding: 3px 8px;
	position: absolute;
	right: 20px;
	bottom: 20px;
	color: #fff;
	font-size: 12px;
	z-index: 10;
	background: rgba(0,0,0,.45);
	width: 43px;
	text-align: center;
	-webkit-border-radius: 6px;
	border-radius: 6px
}
.qtw-card .icon-box {
	cursor: pointer;
	background: -webkit-linear-gradient(135deg, #EDF1F4 0, #D0D9DC 100%)!important;
	background: -moz- oldlinear-gradient(135deg, #EDF1F4 0, #D0D9DC 100%)!important;
	background: linear-gradient(315deg, #EDF1F4 0, #D0D9DC 100%)!important
}
.qtw-card .icon-box .back-icon {
	background: #fff;
	width: 234px;
	height: 315px;
	margin: 31px auto 20px;
	display: block
}
.qtw-card .icon-box .back-icon .icon-image {
	height: 100px!important;
	margin-bottom: 10px
}
.qtw-card .icon-box .back-icon .icon-image img {
	width: 50px!important;
	height: 50px!important
}
.qtw-card .icon-box .back-icon .icon-list {
	position: relative;
	display: block;
	width: 85%
}
.qtw-card .icon-box .back-icon .icon-list img {
	float: left;
	width: 25px!important;
	height: 25px!important;
	margin-right: 30px;
	margin-bottom: 31px;
	left: 18%!important
}
.qtw-card .icon-box .back-icon .icon-list img:nth-child(4n) {
	margin-right: 0
}
.qtw-card .audio-box {
	position: relative;
	width: 276px;
	height: 368px;
	margin: 0 auto;
	margin-top: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background: -webkit-linear-gradient(135deg, #fff 0, #cfeddc 100%);
	background: -moz- oldlinear-gradient(135deg, #fff 0, #cfeddc 100%);
	background: linear-gradient(315deg, #fff 0, #cfeddc 100%);
	overflow: hidden
}
.qtw-card .audio-box+.text-box {
	display: none
}
.qtw-card .audio-box img {
	position: absolute;
	width: 164px;
	height: 164px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-top: 30px;
	margin-left: -webkit-calc(50% - 82px);
	margin-left: -moz-calc(50% - 82px);
	margin-left: calc(50% - 82px);
	-webkit-box-shadow: 0 6px 11px 0 rgba(22,109,58,.39);
	box-shadow: 0 6px 11px 0 rgba(22,109,58,.39)
}
.qtw-card .audio-box img.active {
	-webkit-animation: audio-rotate 10s linear 0s infinite;
	-moz-animation: audio-rotate 10s linear 0s infinite;
	animation: audio-rotate 10s linear 0s infinite
}
.qtw-card .audio-box .audio-item {
	width: 100%;
	margin-top: 214px;
	padding: 0 8px;
	text-align: center
}
.qtw-card .audio-box .audio-item .title {
	display: inline-block;
	width: 100%;
	height: 20px;
	line-height: 20px;
	margin-top: 18px;
	padding: 0 8px;
	font-size: 14px;
	font-weight: 400;
	color: rgba(0,0,0,.65);
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
.qtw-card .audio-box .audio-item .format {
	display: inline-block;
	width: 100%;
	height: 20px;
	line-height: 20px;
	margin-top: 4px;
	font-size: 12px;
	color: #999;
	text-align: center
}
.qtw-card .audio-box .audio-item span {
	font-size: 12px;
	color: rgba(0,0,0,.65)
}
.qtw-card .audio-box .audio-item .progress {
	position: relative;
	display: inline-block;
	width: 122px;
	height: 24px;
	vertical-align: middle;
	background-color: #999
}
.qtw-card .audio-box .audio-item .progress span {
	position: absolute;
	left: 0;
	top: 0;
	height: 24px;
	background: #17E66C;
	z-index: 1
}
.qtw-card .audio-box .audio-item .progress .progress-img {
	display: block;
	width: 122px;
	height: 24px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	background-image: url(../images/index3_1/audio-progress4.png);
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat
}
.qtw-card .audio-box .audio-play-icon {
	display: inline-block;
	position: absolute;
	z-index: 12;
	width: 40px;
	height: 40px;
	line-height: 40px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #00be6e;
	margin-top: 92px;
	margin-left: -webkit-calc(50% - 20px);
	margin-left: -moz-calc(50% - 20px);
	margin-left: calc(50% - 20px);
	color: #fff;
	text-align: center
}
.qtw-card .audio-box .icon-bofang {
	padding-left: 4px
}
.qtw-card .audio-box .new-icon {
	position: absolute;
	top: 16px;
	right: 0;
	width: 30px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	background: #00be6e;
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px
}
.qtw-card .audio-box .free-icon {
	width: 55px!important;
	background: #ff9628!important
}
.qtw-card .video-box {
	position: relative;
	width: 276px;
	height: 368px;
	margin: 0 auto;
	margin-top: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background: -webkit-linear-gradient(135deg, #fff 0, #cfeddc 100%);
	background: -moz- oldlinear-gradient(135deg, #fff 0, #cfeddc 100%);
	background: linear-gradient(315deg, #fff 0, #cfeddc 100%);
	overflow: hidden
}
.qtw-card .video-box img {
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
	width: 100%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-border-radius: 8px;
	border-radius: 8px
}
.qtw-card .video-box .new-icon {
	position: absolute;
	top: 16px;
	right: 0;
	width: 30px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	background: #00be6e;
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px
}
.qtw-card .video-box .free-icon {
	width: 55px!important;
	background: #ff9628!important
}
.qtw-card .video-play:after {
	content: ' ';
	position: absolute;
	top: 90px;
	left: 50%;
	margin: -40px -44px;
	width: 88px;
	height: 88px;
	background: url(//icon.qiantucdn.com/58pic_home/index/images/video1.png) no-repeat
}
.qtw-card.search_poster .text-box {
	padding-left: 8px!important
}
.qtw-card .text-box {
	position: relative;
	display: block;
	width: 100%;
	height: 32px;
	line-height: 32px;
	padding: 0 8px;
	margin: 0 auto;
	padding-left: 48px
}
.qtw-card .text-box .pic-type {
	display: block;
	margin-top: 6px;
	margin-right: 2px;
	width: 34px;
	height: 21px;
	line-height: 19px;
	text-align: center;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size: 12px;
	position: absolute;
	left: 8px
}
.qtw-card .text-box .title {
	display: inline-block;
	width: 190px;
	height: 100%;
	vertical-align: middle;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 12px;
	color: rgba(0,0,0,.6)
}
.qtw-card .text-box .title i {
	color: red
}
.qtw-card .text-box .more {
	display: none;
	position: absolute;
	letter-spacing: 2px;
	top: 8px;
	right: 8px;
	width: 34px;
	height: 16px;
	text-align: center;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #b6b6b6;
	font-size: 18px;
	font-weight: 700;
	line-height: 0;
	padding-top: 3px
}
.qtw-card .text-box .more:hover {
	background: #e5e5e5
}
.qtw-card .model-box {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 10;
	top: 0;
	background: rgba(0,0,0,0);
	-webkit-border-radius: 8px;
	border-radius: 8px
}
.qtw-card .model-box video {
	width: 100%;
	height: 155px;
	-webkit-border-radius: 8px;
	border-radius: 8px
}
.qtw-card .model-box .video-desc {
	width: 100%;
	margin-top: 24px;
	padding: 0 12px
}
.qtw-card .model-box .video-desc span {
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 1
}
.qtw-card .model-box .video-desc .title {
	width: 100%;
	height: 22px;
	font-size: 16px;
	font-weight: 400;
	color: #5a5a5a
}
.qtw-card .model-box .video-desc .use {
	width: 100%
}
.qtw-card .model-box .video-desc .time, .qtw-card .model-box .video-desc .format, .qtw-card .model-box .video-desc .use {
	font-size: 12px;
	font-weight: 400;
	color: #8f8f8f;
	margin-top: 8px
}
.qtw-card .model-box .video-desc .format {
	margin-left: 20px
}
.qtw-card .icon-new-box .all {
	bottom: 90px
}
.qtw-card .icon-new-box .single {
	line-height: 22px
}
.qtw-card .video-model-box {
	background: #fff
}
.qtw-card .video-model-box .fav-icon {
	top: -34px;
	right: 8px;
	bottom: 61px;
	background: #f6f6f6
}
.qtw-card .video-model-box .qtw-button {
	left: 12px
}
.qtw-card .fav-icon {
	position: absolute;
	top: -34px;
	right: 8px;
	width: 70px;
	height: 34px;
	line-height: 34px;
	background: #fff;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	z-index: 99
}
.qtw-card .fav-icon i {
	display: inline-block;
	padding-top: 1px;
	padding-left: .5px;
	color: #979797;
	font-size: 22px
}
.qtw-card .fav-icon i em {
	display: inline-block;
	height: 20px;
	line-height: 17px;
	font-size: 12px;
	vertical-align: middle
}
.qtw-card .fav-icon:hover+.fav-list {
	display: block
}
.qtw-card .fav-icon:hover {
	background-color: #edfff4
}
.qtw-card .fav-icon:hover i, .qtw-card .fav-icon:hover span {
	color: #00be6e
}
.qtw-card .fav-icon .icon-shoucang_hover {
	color: #00be6e
}
.qtw-card .qtw-button {
	position: absolute;
	left: -webkit-calc(50% - 80px);
	left: -moz-calc(50% - 80px);
	left: calc(50% - 80px);
	bottom: -42px;
	width: 160px;
	height: 42px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	z-index: 99;
	opacity: 0
}
.qtw-card:hover {
	background: #eee
}
.qtw-card:hover .text-box {
	display: block!important
}
.qtw-card:hover .text-box .pic-type {
	border: 1px solid #fff;
	background: #fff
}
.qtw-card:hover .text-box .more {
	display: inline-block
}
.qtw-card:hover .is-business {
	display: none
}
.qtw-card:hover .new-icon {
	display: none
}
.qtw-card:hover .model-box {
	display: block;
	background: rgba(0,0,0,.25);
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s
}
.qtw-card:hover .fav-icon {
	top: 8px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
.qtw-card:hover .qtw-button {
	bottom: 38px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	opacity: 1
}
.qtw-card:hover .video-model-box {
	background: #fff
}
.qtw-card:hover .referer-text {
	display: none
}
.qtw-card:hover .video-box+.text-box .title {
	display: none!important
}
.qtw-card .ranking-icon {
	width: 40px;
	height: 20px;
	display: block;
	position: absolute;
	font-size: 14px;
	color: #fff;
	line-height: 20px;
	padding-left: 6px;
	left: 0;
	top: 40px;
	background-image: url(../images/worksList/list-num.png);
	-webkit-background-size: cover;
	background-size: cover
}
.qtw-card .referer-text {
	font-size: 12px;
	color: #969696;
	padding-top: 7px;
	padding-left: 8px
}
.qtw-card .referer-text .icon {
	color: #B6B6B6;
	font-size: 12px;
	margin-right: 3px
}
.qtw-card .referer-text span {
	color: #B6B6B6
}
.qtw-card .fav-list {
	display: none;
	position: absolute;
	z-index: 100;
	top: 8px;
	right: 78px;
	width: -webkit-calc(100% - 86px);
	width: -moz-calc(100% - 86px);
	width: calc(100% - 86px);
	min-width: 104px;
	line-height: 34px;
	padding: 0 8px;
	padding-left: 0
}
.qtw-card .fav-list .list {
	width: 100%;
	height: 34px;
	line-height: 34px;
	background: #fff;
	padding: 0 8px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 2px 0 rgba(184,184,184,.3);
	box-shadow: 0 0 2px 0 rgba(184,184,184,.3)
}
.qtw-card .fav-list:hover {
	display: block
}
.qtw-card .fav-list span {
	display: inline-block;
	width: 80%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 12px;
	color: rgba(0,0,0,.65)
}
.qtw-card .fav-list i {
	float: right;
	padding-top: 2px;
	vertical-align: middle
}
.qtw-card .is-business {
	left: 8px
}
.qtw-card.qtw-theme .theme-image-box {
	position: relative;
	width: 276px;
	height: 308px;
	margin: 0 auto;
	margin-top: 8px;
	-webkit-border-top-left-radius: 8px;
	border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	border-top-right-radius: 8px;
	overflow: hidden;
	background: #F4F4F4
}
.qtw-card.qtw-theme .theme-image-box .theme-image-list {
	width: 100%;
	height: 100%;
	overflow: hidden
}
.qtw-card.qtw-theme .theme-image-box .theme-image-list .theme-image-item {
	width: 544px;
	height: 766px;
	position: relative;
	left: 50%;
	top: 50%;
	padding-top: 8px;
	-webkit-transform: translate3d(-50%, -23%, 0) rotate(15deg);
	-ms-transform: translate3d(-50%, -23%, 0) rotate(15deg);
	-moz-transform: translate3d(-50%, -23%, 0) rotate(15deg);
	transform: translate3d(-50%, -23%, 0) rotate(15deg);
	overflow: hidden
}
.qtw-card.qtw-theme .theme-image-box .theme-image-list .theme-image-item.scroll-box {
	padding-top: 0;
	-webkit-animation: auto-scroll 20s linear infinite;
	-moz-animation: auto-scroll 20s linear infinite;
	animation: auto-scroll 20s linear infinite
}
.qtw-card.qtw-theme .theme-image-box .theme-image-list .theme-image-item div {
	float: left;
	width: 176px;
	height: 250px;
	margin-bottom: 8px;
	overflow: hidden
}
.qtw-card.qtw-theme .theme-image-box .theme-image-list .theme-image-item div img {
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
	width: auto;
	height: 100%;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
.qtw-card.qtw-theme .theme-image-box .theme-image-list .theme-image-item div:nth-child(1), .qtw-card.qtw-theme .theme-image-box .theme-image-list .theme-image-item div:nth-child(2), .qtw-card.qtw-theme .theme-image-box .theme-image-list .theme-image-item div:nth-child(4), .qtw-card.qtw-theme .theme-image-box .theme-image-list .theme-image-item div:nth-child(5), .qtw-card.qtw-theme .theme-image-box .theme-image-list .theme-image-item div:nth-child(7), .qtw-card.qtw-theme .theme-image-box .theme-image-list .theme-image-item div:nth-child(8) {
	margin-right: 8px
}
.qtw-card.qtw-theme .theme-image-box .theme-image-list .theme-image-item div:nth-child(7), .qtw-card.qtw-theme .theme-image-box .theme-image-list .theme-image-item div:nth-child(8), .qtw-card.qtw-theme .theme-image-box .theme-image-list .theme-image-item div:nth-child(9) {
	margin-bottom: 0
}
.qtw-card.qtw-theme .theme-image-box .theme-model-box {
	display: none;
	position: absolute;
	z-index: 10;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-border-top-left-radius: 8px;
	border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	border-top-right-radius: 8px;
	background: rgba(0,0,0,.25);
	text-align: center
}
.qtw-card.qtw-theme .theme-image-box .theme-model-box .qtw-button {
	margin-top: 137px
}
.qtw-card.qtw-theme .theme-text-box {
	position: relative;
	width: 276px;
	height: 84px;
	margin: 0 auto;
	padding: 8px 10px;
	padding-top: 20px;
	-webkit-border-bottom-left-radius: 8px;
	border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	border-bottom-right-radius: 8px;
	background: #F4F4F4
}
.qtw-card.qtw-theme .theme-text-box .title {
	width: 100%;
	line-height: 1;
	font-size: 16px;
	font-weight: 400;
	color: rgba(0,0,0,.65);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
.qtw-card.qtw-theme .theme-text-box .num, .qtw-card.qtw-theme .theme-text-box .all-link {
	float: left;
	margin-top: 8px;
	font-size: 12px;
	font-weight: 400;
	color: gray
}
.qtw-card.qtw-theme .theme-text-box .all-link {
	float: right
}
.qtw-card.qtw-theme .theme-text-box .all-link .icon {
	font-size: 12px
}
.qtw-card.qtw-theme .theme-text-box .all-link:hover {
	color: #00be6e
}
.qtw-card.qtw-theme .theme-text-box .theme-type-box {
	position: absolute;
	width: auto;
	height: 24px;
	line-height: 24px;
	padding: 0 8px;
	top: -12px;
	left: 8px;
	z-index: 99;
	font-size: 12px;
	color: #fa5555;
	background: #ffe6e6;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
.qtw-card.qtw-theme .theme-text-box .theme-type-box .icon {
	display: inline-block;
	width: 12px;
	height: 14px;
	background: url(../images/qtw-card/theme-icon.png) no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	vertical-align: text-bottom;
	margin-right: 4px
}
.qtw-card.qtw-theme:hover .theme-image-box .theme-model-box {
	display: block
}
.qtw-card.qtw-theme:hover .theme-text-box {
	background: #fff
}
.is-back {
	display: none
}
.is-line {
	padding-top: 8px;
	position: relative;

}
.is-line .is-back {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
	background: #fff
}
.is-line .is-back>img {
	display: block;
	margin: 70px auto;
	width: 150px
}
.is-line .search_poster .text-box {
	padding-left: 0!important
}
.is-line .qtw-card, .is-line .qtw-cart-media {
	position: relative;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 48px!important;
}
.is-line .qtw-card:after, .is-line .qtw-cart-media:after {
	position: absolute;
	width: -webkit-calc(100% + 16px);
	width: -moz-calc(100% + 16px);
	width: calc(100% + 16px);
	height: -webkit-calc(100% + 32px + 8px);
	height: -moz-calc(100% + 32px + 8px);
	height: calc(100% + 32px + 8px);
	background: #eee;
	content: '';
	top: -8px;
	left: -8px;
	display: none;
	z-index: 0;
	-webkit-border-radius: 8px;
	border-radius: 8px
}
.is-line .qtw-card>a, .is-line .qtw-cart-media>a {
	height: 100%;
	display: block;
	position: relative;
	z-index: 1
}
.is-line .qtw-card .model-box, .is-line .qtw-cart-media .model-box {
	width: 100%;
	height: 100%
}
.is-line .qtw-card:hover:after, .is-line .qtw-cart-media:hover:after {
	display: block
}
.is-line .qtw-card.place-box:hover:after, .is-line .qtw-cart-media.place-box:hover:after {
	display: none!important
}
.is-line .qtw-card .image-box, .is-line .qtw-cart-media .image-box {
	width: 100%;
	display: block;
	height: 100%;
	margin-top: 0!important
}
.is-line .qtw-card .image-box img, .is-line .qtw-cart-media .image-box img {
	top: 0;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	transform: translate(-50%, 0)
}
.is-line .qtw-card .text-box .title, .is-line .qtw-cart-media .text-box .title {
	width: 60%
}
.is-line .qtw-card .image-box, .is-line .qtw-card .video-box, .is-line .qtw-card .audio-box, .is-line .qtw-cart-media .image-box, .is-line .qtw-cart-media .video-box, .is-line .qtw-cart-media .audio-box {
	display: block;
	width: 100%;
	height: 100%;
	margin-top: 0!important
}
.is-line .qtw-card .video-box img, .is-line .qtw-cart-media .video-box img {
	top: 0;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	transform: translate(-50%, 0)
}
.is-line .qtw-cart-media:hover .video-play {
	background: #eee;
	height: 100%;
	width: 100%;
	-webkit-border-radius: 8px;
	border-radius: 8px
}
.is-line .qtw-cart-media:hover .video-play>img {
	display: none
}
.is-line .qtw-card .audio-box-line {
	width: 100%;
	height: 100%;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background: -webkit-linear-gradient(135deg, #fff 0, #cfeddc 100%);
	background: -moz- oldlinear-gradient(135deg, #fff 0, #cfeddc 100%);
	background: linear-gradient(315deg, #fff 0, #cfeddc 100%);
	text-align: center
}
.is-line .qtw-card .audio-box-line+.text-box {
	display: none
}
.is-line .qtw-card .audio-box-line .audio-box-con {
	width: 100%;
	height: 75%;
	position: relative;
	overflow: hidden
}
.is-line .qtw-card .audio-box-line .audio-box-con .con-img {
	width: 60%;
	height: 60%;
	margin: 0 auto;
	margin-top: 14%;
	position: relative
}
.is-line .qtw-card .audio-box-line .audio-box-con .con-img>img {
	display: block;
	width: 100%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	height: 100%;
	-webkit-box-shadow: 0 6px 11px 0 rgba(22,109,58,.39);
	box-shadow: 0 6px 11px 0 rgba(22,109,58,.39)
}
.is-line .qtw-card .audio-box-line .audio-box-con .con-img .audio-play-icon {
	display: block;
	position: absolute;
	z-index: 12;
	width: 24%;
	height: 24%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #00be6e;
	color: #fff;
	text-align: center;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto
}
.is-line .qtw-card .audio-box-line .audio-box-con .con-img .icon-bofang:before {
	font-size: 12px;
	position: absolute;
	left: 36%;
	top: 30%;
	margin: auto
}
.is-line .qtw-card .audio-box-line .audio-box-con .con-img .icon-zanting:before {
	font-size: 12px;
	top: 28%;
	position: absolute;
	left: 30%
}
.is-line .qtw-card .audio-box-line .audio-box-con .audio-item {
	width: 80%;
	margin: 0 auto;
	margin-top: 6%;
	font-size: 12px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	color: rgba(0,0,0,.64)
}
.is-line .qtw-card .audio-box-line .audio-box-con .audio-item .progress {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
	display: inline-block;
	height: 20px;
	margin: 0 5%;
	vertical-align: middle;
	background-color: #999;
	overflow: hidden
}
.is-line .qtw-card .audio-box-line .audio-box-con .audio-item .progress span {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	background: #17E66C;
	z-index: 1
}
.is-line .qtw-card .audio-box-line .audio-box-con .audio-item .progress .progress-img {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	background-image: url(../images/index3_1/audio-progress4.png);
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}
.is-line .qtw-card .audio-box-line .title {
	display: block;
	font-size: 5%;
	color: rgba(0,0,0,.65);
	text-align: center;
	padding: 0 10px;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap
}
.is-line .qtw-card .audio-box-line .format {
	display: block;
	font-size: 12px;
	color: #999;
	text-align: center;
	margin-top: 3%
}
.is-line .text-box {
	padding-left: 40px
}
.is-line .text-box .pic-type {
	left: 0!important
}
.is-line .text-box .more {
	right: 0!important
}
.is-business {
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 8px;
	-webkit-background-size: cover;
	background-size: cover
}
.is-business.is-normal {
	background-image: url(../images/is-business.png)
}
.is-business.is-zt {
	background-image: url(../images/is-ziti.png)
}
.is-business.is-public {
	background-image: url(../images/is-public.png)
}
.pic-type.is-jx {
	border: 1px solid #00be6e !important;
	color: #00be6e !important;
}
.pic-type.is-zt {
	border: 1px solid #666; !important;
	color: #666 !important;
}
.pic-type.is-bg {
	border: 1px solid #1482E6 !important;
	color: #1482E6 !important;
}
.pic-type.is-jc {
	border: 1px solid #FF9628 !important;
	color: #FF9628 !important;
}
.qtw-cart-media {
	float: left;
	width: 392px;
	height: 252px;
	margin-right: 4px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	margin-bottom: 16px;
	cursor: pointer
}
.qtw-cart-media:nth-child(4n) {
	margin-right: 0
}
.qtw-cart-media .audio-box {
	position: relative;
	width: 376px;
	height: 212px;
	margin: 0 auto;
	margin-top: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background: -webkit-linear-gradient(135deg, #fff 0, #cfeddc 100%);
	background: -moz- oldlinear-gradient(135deg, #fff 0, #cfeddc 100%);
	background: linear-gradient(315deg, #fff 0, #cfeddc 100%);
	overflow: hidden
}
.qtw-cart-media .audio-box .is-business {
	left: 8px
}
.qtw-cart-media .audio-box img {
	float: left;
	width: 106px;
	height: 106px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-left: 12px;
	margin-top: 18px;
	-webkit-box-shadow: 0 6px 11px 0 rgba(22,109,58,.39);
	box-shadow: 0 6px 11px 0 rgba(22,109,58,.39)
}
.qtw-cart-media .audio-box img.active {
	-webkit-animation: audio-rotate 10s linear 0s infinite;
	-moz-animation: audio-rotate 10s linear 0s infinite;
	animation: audio-rotate 10s linear 0s infinite
}
.qtw-cart-media .audio-box .audio-play-icon {
	position: absolute;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #cfeddc;
	left: 55px;
	top: 61px;
	z-index: 11
}
.qtw-cart-media .audio-box .audio-item {
	float: left;
	position: relative;
	width: 230px;
	margin-left: 28px;
	margin-top: 35px;
	padding-top: 8px
}
.qtw-cart-media .audio-box .audio-item .title {
	display: inline-block;
	width: 154px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 14px;
	color: rgba(0,0,0,.65)
}
.qtw-cart-media .audio-box .audio-item .title i {
	color: red
}
.qtw-cart-media .audio-box .audio-item .format {
	display: inline-block;
	width: 100%;
	margin-top: 4px;
	margin-bottom: 17px;
	font-size: 12px;
	color: #999
}
.qtw-cart-media .audio-box .audio-item .fav-icon {
	display: none;
	position: absolute;
	top: -27px;
	right: -8px;
	width: 70px;
	height: 34px;
	line-height: 34px;
	margin-left: 10px;
	background: #fff;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
	-webkit-box-shadow: 0 0 2px 0 rgba(184,184,184,.3);
	box-shadow: 0 0 2px 0 rgba(184,184,184,.3)
}
.qtw-cart-media .audio-box .audio-item .fav-icon i {
	color: #979797;
	display: inline-block;
	padding-top: 1px;
	padding-left: .5px;
	font-size: 22px
}
.qtw-cart-media .audio-box .audio-item .fav-icon i em {
	display: inline-block;
	height: 20px;
	line-height: 17px;
	font-size: 12px;
	vertical-align: middle
}
.qtw-cart-media .audio-box .audio-item .fav-icon .icon-shoucang_hover {
	color: #00be6e
}
.qtw-cart-media .audio-box .audio-item .fav-icon:hover+.fav-list {
	display: block
}
.qtw-cart-media .audio-box .audio-item .fav-icon:hover {
	background-color: #edfff4
}
.qtw-cart-media .audio-box .audio-item .fav-icon:hover i {
	color: #00be6e
}
.qtw-cart-media .audio-box .audio-item .fav-list {
	width: 74%;
	right: 60px
}
.qtw-cart-media .audio-box .audio-item .qtw-button {
	width: 100px;
	height: 32px;
	padding: 10px 12px
}
.qtw-cart-media .audio-box .audio-item .demo-btn {
	background: #fff;
	color: #00be6e!important;
	border: 0!important
}
.qtw-cart-media .audio-box .audio-progress {
	float: left;
	margin-top: 30px;
	width: 100%;
	height: 30px;
	text-align: center
}
.qtw-cart-media .audio-box .audio-progress .start, .qtw-cart-media .audio-box .audio-progress .end {
	font-size: 14px;
	color: rgba(0,0,0,.65)
}
.qtw-cart-media .audio-box .audio-progress .progress {
	position: relative;
	display: inline-block;
	width: 155px;
	height: 24px;
	margin: 0 2px;
	vertical-align: middle;
	background-color: #999
}
.qtw-cart-media .audio-box .audio-progress .progress span {
	position: absolute;
	left: 0;
	top: 0;
	height: 24px;
	background: #17E66C;
	z-index: 1
}
.qtw-cart-media .audio-box .audio-progress .progress .progress-img {
	display: block;
	width: 155px;
	height: 24px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	background-image: url(../images/index3_1/audio-progress5.png);
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat
}
.qtw-cart-media .audio-box .new-icon {
	position: absolute;
	top: 16px;
	right: 0;
	width: 30px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	background: #00be6e;
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px
}
.qtw-cart-media .audio-box .free-icon {
	width: 55px!important;
	background: #ff9628!important
}
.qtw-cart-media .audio-box:hover .fav-icon {
	display: block
}
.qtw-cart-media .audio-box .fav-list {
	top: -27px
}
.qtw-cart-media .audio-box+.text-box {
	display: none
}
.qtw-cart-media .video-box {
	position: relative;
	width: 376px;
	height: 212px;
	margin: 0 auto;
	margin-top: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background: -webkit-linear-gradient(135deg, #fff 0, #cfeddc 100%);
	background: -moz- oldlinear-gradient(135deg, #fff 0, #cfeddc 100%);
	background: linear-gradient(315deg, #fff 0, #cfeddc 100%);
	overflow: hidden
}
.qtw-cart-media .video-box img {
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
	width: 100%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-border-radius: 8px;
	border-radius: 8px
}
.qtw-cart-media .video-box .is-business {
	left: 8px
}
.qtw-cart-media .video-box .new-icon {
	position: absolute;
	top: 16px;
	right: 0;
	width: 30px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	background: #00be6e;
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px
}
.qtw-cart-media .video-box .free-icon {
	width: 55px!important;
	background: #ff9628!important
}
.qtw-cart-media .video-box .fav-list {
	width: -webkit-calc(100% - 186px);
	width: -moz-calc(100% - 186px);
	width: calc(100% - 186px);
	right: 178px
}
.qtw-cart-media .video-play:after {
	content: ' ';
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -40px -44px;
	width: 88px;
	height: 88px;
	background: url(//icon.qiantucdn.com/58pic_home/index/images/video1.png) no-repeat
}
.qtw-cart-media .model-box {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 10;
	top: 0;
	left: 0;
	-webkit-border-radius: 8px;
	border-radius: 8px
}
.qtw-cart-media .model-box video {
	width: 100%;
	height: 100%;
	-webkit-border-radius: 8px;
	border-radius: 8px
}
.qtw-cart-media .model-box .fav-icon {
	position: absolute;
	top: 8px;
	right: 112px;
	width: 70px;
	height: 34px;
	line-height: 34px;
	background: #fff;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-align: center
}
.qtw-cart-media .model-box .fav-icon i {
	display: inline-block;
	padding-top: 1px;
	padding-left: .5px;
	color: #979797;
	font-size: 22px
}
.qtw-cart-media .model-box .fav-icon i em {
	display: inline-block;
	font-size: 12px;
	vertical-align: middle;
	height: 20px;
	line-height: 20px
}
.qtw-cart-media .model-box .fav-icon .icon-shoucang_hover {
	color: #00be6e
}
.qtw-cart-media .model-box .fav-icon:hover+.fav-list {
	display: block
}
.qtw-cart-media .model-box .fav-icon:hover {
	background-color: #edfff4
}
.qtw-cart-media .model-box .fav-icon:hover i {
	color: #00be6e
}
.qtw-cart-media .model-box .qtw-button {
	position: absolute;
	top: 8px;
	right: 8px;
	height: 34px;
	width: 100px;
	padding: 0
}
.qtw-cart-media .text-box {
	position: relative;
	display: block;
	width: 100%;
	height: 32px;
	line-height: 32px;
	padding: 0 8px;
	margin: 0 auto;
	padding-left: 48px
}
.qtw-cart-media .text-box .pic-type {
	display: block;
	margin-top: 6px;
	margin-right: 2px;
	width: 34px;
	height: 21px;
	line-height: 19px;
	text-align: center;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size: 12px;
	position: absolute;
	left: 8px
}
.qtw-cart-media .text-box .title {
	display: inline-block;
	width: 190px;
	height: 100%;
	vertical-align: middle;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 12px;
	color: rgba(0,0,0,.6)
}
.qtw-cart-media .text-box .title i {
	color: red
}
.qtw-cart-media .text-box .more {
	display: none;
	position: absolute;
	letter-spacing: 2px;
	top: 8px;
	right: 8px;
	width: 34px;
	height: 16px;
	line-height: 1;
	text-align: center;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size: 12px;
	color: #b6b6b6
}
.qtw-cart-media .text-box .more:hover {
	background: #e5e5e5
}
.qtw-cart-media:hover {
	background: #eee
}
.qtw-cart-media:hover .text-box {
	display: block
}
.qtw-cart-media:hover .text-box .pic-type {
	border: 1px solid #fff;
	background: #fff
}
.qtw-cart-media:hover .text-box .more {
	display: inline-block
}
.qtw-cart-media:hover .model-box {
	display: block
}
.qtw-cart-media:hover .is-business {
	display: none
}
.qtw-cart-media:hover .new-icon {
	display: none
}
.qtw-cart-media .fav-list {
	display: none;
	position: absolute;
	z-index: 100;
	top: 8px;
	right: 36px;
	width: 60%;
	min-width: 104px;
	line-height: 34px;
	padding: 0 8px;
	padding-left: 0
}
.qtw-cart-media .fav-list .list {
	width: 100%;
	height: 34px;
	line-height: 34px;
	background: #fff;
	padding: 0 8px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 2px 0 rgba(184,184,184,.3);
	box-shadow: 0 0 2px 0 rgba(184,184,184,.3)
}
.qtw-cart-media .fav-list:hover {
	display: block
}
.qtw-cart-media .fav-list span {
	display: inline-block;
	width: 80%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 12px;
	color: rgba(0,0,0,.65)
}
.qtw-cart-media .fav-list i {
	float: right;
	padding-top: 2px;
	vertical-align: middle
}
.qtw-favorite-box {
	position: absolute;
	z-index: 1001;
	width: 276px;
	height: 407px;
	font-size: 14px;
	padding: 8px 0;
	overflow: hidden;
	background-color: #fff;
	-webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.2), 0 8px 14px 0 rgba(0,0,0,.1);
	box-shadow: 0 4px 8px 0 rgba(0,0,0,.2), 0 8px 14px 0 rgba(0,0,0,.1);
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #eaeaea
}
.qtw-favorite-box .fav-title {
	position: relative;
	width: 100%;
	height: 41px;
	line-height: 41px;
	padding-left: 24px;
	font-size: 14px;
	color: #999
}
.qtw-favorite-box .fav-title .fav-close {
	position: absolute;
	right: 8px;
	font-size: 14px;
	cursor: pointer
}
.qtw-favorite-box .fav-content {
	position: relative;
	width: -webkit-calc(100% - 6px);
	width: -moz-calc(100% - 6px);
	width: calc(100% - 6px);
	height: -webkit-calc(100% - 103px);
	height: -moz-calc(100% - 103px);
	height: calc(100% - 103px);
	overflow-y: auto;
	overflow-x: hidden
}
.qtw-favorite-box .fav-content .fav-item {
	position: relative;
	width: -webkit-calc(100% - 16px);
	width: -moz-calc(100% - 16px);
	width: calc(100% - 16px);
	height: 64px;
	line-height: 64px;
	padding: 12px 16px;
	margin: 0 auto;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	cursor: pointer
}
.qtw-favorite-box .fav-content .fav-item img {
	float: left;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 6px;
	border-radius: 6px
}
.qtw-favorite-box .fav-content .fav-item .fav-item-title {
	float: left;
	width: -webkit-calc(100% - 91px);
	width: -moz-calc(100% - 91px);
	width: calc(100% - 91px);
	height: 40px
}
.qtw-favorite-box .fav-content .fav-item .fav-item-title span {
	display: inline-block;
	width: 100%;
	height: 50%;
	line-height: 20px;
	padding: 0 8px;
	font-size: 16px;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
.qtw-favorite-box .fav-content .fav-item .fav-item-title span:nth-child(2) {
	font-size: 12px;
	color: #999
}
.qtw-favorite-box .fav-content .fav-item .fav-item-btn {
	float: left;
	width: 51px;
	height: 40px;
	line-height: 1;
	text-align: center
}
.qtw-favorite-box .fav-content .fav-item .fav-item-btn i, .qtw-favorite-box .fav-content .fav-item .fav-item-btn span {
	display: none;
	font-size: 12px;
	color: #00be6e
}
.qtw-favorite-box .fav-content .fav-item .fav-item-btn i {
	color: #10c55b;
	font-size: 18px;
	margin-bottom: 4px
}
.qtw-favorite-box .fav-content .fav-item.fav .fav-item-btn .icon-yuanxingxuanzhong, .qtw-favorite-box .fav-content .fav-item.fav .fav-item-btn .icon-yichu {
	display: inline-block
}
.qtw-favorite-box .fav-content .fav-item.fav .fav-item-btn .un-fav-tip {
	display: inline-block
}
.qtw-favorite-box .fav-content .fav-item.fav:hover {
	background: #edfff4
}
.qtw-favorite-box .fav-content .fav-item.un-fav:hover {
	background: #f6f6f6
}
.qtw-favorite-box .fav-content .fav-item.un-fav:hover .fav-item-btn .icon-jiahao1 {
	display: inline-block
}
.qtw-favorite-box .fav-content .fav-item.un-fav:hover .fav-item-btn .fav-tip {
	display: inline-block
}
.qtw-favorite-box .fav-content .fav-item.loading-fav i, .qtw-favorite-box .fav-content .fav-item.loading-fav span {
	display: none!important
}
.qtw-favorite-box .fav-content .fav-item.loading-fav .icon-load {
	-webkit-animation: rotate360 .8s linear infinite;
	-moz-animation: rotate360 .8s linear infinite;
	animation: rotate360 .8s linear infinite
}
.qtw-favorite-box .fav-content .fav-item.loading-fav .icon-load, .qtw-favorite-box .fav-content .fav-item.loading-fav .fav-loading {
	display: inline-block!important
}
.qtw-favorite-box .fav-content::-webkit-scrollbar {
width:2px!important;
height:2px!important
}
.qtw-favorite-box .fav-content::-webkit-scrollbar-thumb {
background:#f6f6f6!important
}
.qtw-favorite-box .fav-bottom {
	position: relative;
	width: 100%;
	height: 62px;
	border-top: 1px solid #eaeaea;
	padding: 8px;
	padding-bottom: 0
}
.qtw-favorite-box .fav-bottom .fav-add-btn {
	width: 100%;
	height: 100%;
	line-height: 53px;
	padding-left: 16px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	font-size: 14px;
	color: #333;
	cursor: pointer
}
.qtw-favorite-box .fav-bottom .fav-add-btn i {
	color: #00be6e;
	font-size: 18px;
	vertical-align: middle;
	margin-right: 6px
}
.qtw-favorite-box .fav-bottom .fav-add-btn:hover {
	background: #f6f6f6
}
.qtw-favorite-box .fav-bottom .fav-add-input {
	display: none;
	width: 100%;
	height: 32px;
	font-size: 0
}
.qtw-favorite-box .fav-bottom .fav-add-input input, .qtw-favorite-box .fav-bottom .fav-add-input button {
	height: 100%;
	line-height: 32px
}
.qtw-favorite-box .fav-bottom .fav-add-input input {
	width: -webkit-calc(100% - 54px);
	width: -moz-calc(100% - 54px);
	width: calc(100% - 54px);
	font-size: 12px;
	padding-left: 10px;
	background: #f6f6f6;
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
	vertical-align: middle
}
.qtw-favorite-box .fav-bottom .fav-add-input input:focus {
	border: 1px solid #00be6e
}
.qtw-favorite-box .fav-bottom .fav-add-input button {
	width: 54px;
	font-size: 14px;
	text-align: center;
	color: #fff;
	background: #00be6e;
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
	vertical-align: middle
}
.qtw-favorite-box .fav-bottom .fav-add-input .error-text {
	display: none;
	width: 100%;
	height: 16px;
	line-height: 16px;
	margin-top: 3px;
	font-size: 12px;
	color: #fd8320;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
.qtw-favorite-box .fav-bottom .fav-add-input .error-text i {
	font-size: 12px;
	margin-right: 8px
}
.qtw-favorite-box .fav-bottom .fav-add-input .error-text a {
	color: #fd8320;
	text-decoration: underline
}
.qtw-card-line {
	width: 376px;
	height: 320px;
	background: -webkit-linear-gradient(135deg, #fff 0, #cfeddc 100%);
	background: -moz- oldlinear-gradient(135deg, #fff 0, #cfeddc 100%);
	background: linear-gradient(315deg, #fff 0, #cfeddc 100%)
}
.qtw-card-line a {
	display: none
}
.fav-list {
	display: none;
	position: absolute;
	z-index: 100;
	top: 8px;
	right: 36px;
	width: 60%;
	height: 36px;
	line-height: 28px;
	padding: 0 8px;
	padding-bottom: 8px
}
.fav-list .list {
	width: 100%;
	background: #fff;
	padding: 0 8px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 2px 0 rgba(184,184,184,.3);
	box-shadow: 0 0 2px 0 rgba(184,184,184,.3)
}
.fav-list:hover {
	display: block
}
.fav-list span {
	display: inline-block;
	width: 80%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 12px;
	color: rgba(0,0,0,.65)
}
.fav-list i {
	float: right;
	padding-top: 2px;
	vertical-align: middle
}
.qtw-trend-card {
	float: left;
	width: 276px;
	height: 245px;
	margin-top: 8px;
	margin-left: 12px;
	margin-right: 12px
}
.qtw-trend-card .image-box {
	width: 100%;
	height: 100%;
	overflow: hidden;
	-webkit-border-radius: 8px;
	border-radius: 8px
}
.qtw-trend-card .image-box img {
	width: auto;
	height: 184px;
	margin-left: -70px
}
.qtw-trend-card .image-box span {
	display: inline-block;
	width: 90%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
.qtw-trend-card .image-box .title {
	font-size: 16px;
	font-weight: 400;
	color: #666;
	margin-top: 10px;
	margin-bottom: 6px
}
.qtw-trend-card .image-box .time, .qtw-trend-card .image-box .desc {
	font-size: 12px;
	font-weight: 400;
	color: #666
}
.report-tip {
	display: none;
	position: absolute;
	top: 0;
	left: 40px;
	width: 128px;
	height: auto;
	background: #fff;
	-webkit-box-shadow: 0 0 8px 2px rgba(191,191,191,.42);
	box-shadow: 0 0 8px 2px rgba(191,191,191,.42);
	-webkit-border-radius: 8px;
	border-radius: 8px;
	z-index: 200
}
.report-tip div {
	width: 100%;
	height: 35px;
	line-height: 35px;
	font-size: 12px;
	color: rgba(0,0,0,.65);
	padding: 0 16px;
	cursor: pointer
}
.report-tip div:hover {
	color: #00be6e
}
.report-tip:after {
	position: absolute;
	left: -10px;
	top: 35%;
	content: ' ';
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-right: 10px solid #fff
}
.model-inform .model-content {
	width: 400px;
	height: 670px;
	margin: -335px -200px;
	padding: 28px
}
.model-inform .content-title {
	font-size: 18px;
	font-weight: 700;
	color: #333
}
.model-inform .radio-inline {
	margin-top: 18px;
	height: 28px;
	line-height: 28px
}
.model-inform .radio-inline label {
	cursor: pointer;
	font-size: 14px;
	color: #666
}
.model-inform .inform-upload {
	margin-top: 26px
}
.model-inform .upload-icon {
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
	width: 16px;
	height: 19px;
	background: url(//icon.qiantucdn.com/js/showfu/images/downloadDetails.png) -5px -169px no-repeat
}
.model-inform .upload-location {
	width: 200px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 15px;
	font-size: 14px;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.model-inform .inform-des {
	margin: 20px 0;
	width: 344px;
	height: 84px;
	border: 1px solid #dedede;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden
}
.model-inform .inform-des textarea {
	text-indent: 1em;
	resize: none;
	border: 0;
	width: 100%;
	height: 100%;
	font-size: 12px;
	line-height: 2;
	color: #333
}
.model-inform .ajax-tip {
	display: none;
	margin-left: 24px;
	color: #666;
	font-size: 14px
}
.model-inform [type=radio]:checked, .model-inform [type=radio]:not(:checked) {
	position: absolute;
	left: -9999px;
	opacity: 0
}
.model-inform [type=radio]:checked+label, .model-inform [type=radio]:not(:checked)+label {
	position: relative;
	padding-left: 45px;
	cursor: pointer;
	display: inline-block;
	height: 25px;
	line-height: 25px;
	font-size: 14px;
	-webkit-transition: -webkit-transform .28s ease;
	transition: -webkit-transform .28s ease;
	-moz-transition: transform .28s ease, -moz-transform .28s ease;
	transition: transform .28s ease;
	transition: transform .28s ease, -webkit-transform .28s ease, -moz-transform .28s ease;
	transition: transform .28s ease, -webkit-transform .28s ease;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.model-inform [type=radio]+label:after, .model-inform [type=radio]+label:before {
	content: '';
	position: absolute;
	top: -6px;
	margin: 4px;
	width: 28px;
	height: 28px;
	z-index: 0;
	left: 0
}
.model-inform [type=radio]+label:before {
	-webkit-transition: -webkit-transform .28s ease;
	transition: -webkit-transform .28s ease;
	-moz-transition: transform .28s ease, -moz-transform .28s ease;
	transition: transform .28s ease;
	transition: transform .28s ease, -webkit-transform .28s ease, -moz-transform .28s ease;
	transition: transform .28s ease, -webkit-transform .28s ease
}
.model-inform [type=radio]:checked+label:after, .model-inform [type=radio]:checked+label:before, .model-inform [type=radio]:not(:checked)+label:after, .model-inform [type=radio]:not(:checked)+label:before {
	-webkit-border-radius: 50%;
	border-radius: 50%
}
.model-inform [type=radio]:not(:checked)+label:after, .model-inform [type=radio]:not(:checked)+label:before {
	border: 1px solid #cfcfcf
}
.model-inform [type=radio]:not(:checked)+label:after {
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-moz-transform: scale(0);
	transform: scale(0)
}
.model-inform [type=radio]:checked+label:before {
	border: 1px solid #10c55b;
	background-color: #10c55b
}
.model-inform [type=radio]:checked+label:after {
	background: url(//icon.qiantucdn.com/js/showfu/images/downloadDetails.png) -90px -131px no-repeat;
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-moz-transform: scale(0.8);
	transform: scale(0.8)
}
.model-inform [type=radio]:disabled:checked+label:before, .model-inform [type=radio]:disabled:not(:checked)+label:before {
	background-color: transparent;
	border-color: #cfcfcf
}
.model-inform [type=radio]:disabled+label {
	color: #cfcfcf
}
.model-inform [type=radio]:disabled:not(:checked)+label:before {
	border-color: #cfcfcf
}
.model-inform [type=radio]:disabled:checked+label:after {
	background-color: #cfcfcf;
	border-color: #cfcfcf
}
@media screen and (max-width:1220px) {
.qtw-card-theme {
	width: 216px;
	height: 150px
}
.qtw-card-theme .image-box {
	width: 112px;
	height: 138px
}
.qtw-card-theme .image-box .image-list {
	width: 103px;
	height: 138px
}
.qtw-card-theme .image-box .shadow1 {
	top: 4.5px;
	right: 5px;
	width: 68px;
	height: 129px
}
.qtw-card-theme .image-box .shadow2 {
	top: 8.5px;
	right: 9px;
	width: 64px;
	height: 121px
}
.qtw-card-theme .text-box {
	width: 92px;
	height: 138px;
	padding-left: 8px
}
.qtw-card-theme .text-box .month {
	display: none
}
.qtw-card-theme .text-box .logo {
	width: 50px;
	height: 50px;
	margin-top: 22px
}
.qtw-card-theme .text-box .title2 {
	font-size: 14px!important;
	margin-top: 25px!important
}
.qtw-card-theme .text-box .dis-price {
	margin-left: 0
}
.qtw-card-theme .text-box .line-green {
	margin-left: 0
}
.qtw-card-theme .text-box .more {
	margin-left: 0
}
.qtw-card-theme .text-box .default .subTitle {
	display: none
}
.qtw-card-theme .text-box .default .number {
	display: inline-block;
	margin-left: 0;
	width: 100%
}
.qtw-card-theme .text-box .default .name {
	left: 8px
}
.qtw-card-theme .text-box .active .line-green {
	display: none
}
.qtw-card-theme .text-box .active .keyword {
	margin-top: 8px;
	width: 84px;
	height: 19px;
	text-align: left
}
.qtw-card-designer {
	width: 216px;
	height: 142px
}
.qtw-card-designer .image-box {
	width: 98px;
	height: 129px
}
.qtw-card-designer .text-box {
	width: 106px!important;
	height: 129px!important;
	margin-left: 98px!important
}
.qtw-card-designer .text-box .logo {
	width: 31px!important;
	height: 31px!important
}
.qtw-card-designer .text-box .title {
	font-size: 12px!important;
	margin-top: 10px!important
}
.qtw-card-designer .text-box .skill {
	margin-top: 5px!important
}
.qtw-card-designer .text-box .qtw-button {
	left: -webkit-calc(50% - 28px)!important;
	left: -moz-calc(50% - 28px)!important;
	left: calc(50% - 28px)!important;
	width: 56px!important;
	height: 24px!important;
	bottom: 10px!important
}
.qtw-card-designer .text-box .qtw-button span {
	margin-top: -5px!important;
	width: 56px!important
}
.qtw-card {
	width: 232px;
	height: 328px
}
.qtw-card .image-box, .qtw-card .audio-box, .qtw-card .video-box {
	width: 216px;
	height: 288px
}
.qtw-card .icon-box {
	cursor: pointer;
	background: -webkit-linear-gradient(135deg, #EDF1F4 0, #D0D9DC 100%)!important;
	background: -moz- oldlinear-gradient(135deg, #EDF1F4 0, #D0D9DC 100%)!important;
	background: linear-gradient(315deg, #EDF1F4 0, #D0D9DC 100%)!important
}
.qtw-card .icon-box .back-icon {
	background: #fff;
	width: 180px;
	height: 240px;
	margin: 30px auto 15px;
	display: block
}
.qtw-card .icon-box .back-icon .icon-image {
	height: 80px!important;
	margin-bottom: 10px
}
.qtw-card .icon-box .back-icon .icon-image img {
	width: 50px!important;
	height: 50px!important
}
.qtw-card .icon-box .back-icon .icon-list {
	position: relative;
	display: block;
	width: 85%
}
.qtw-card .icon-box .back-icon .icon-list img {
	float: left;
	margin-right: 16px;
	margin-bottom: 15px;
	left: 19%!important
}
.qtw-card .icon-box .back-icon .icon-list img:nth-child(4n) {
	margin-right: 0
}
.qtw-card .emoji-box .emoji-image {
	height: 216px!important
}
.qtw-card .emoji-box .emoji-image img {
	width: 150px!important;
	height: 150px!important
}
.qtw-card .emoji-box .emoji-icon {
	width: 66px!important;
	height: 66px!important
}
.qtw-card .audio-box img {
	width: 134px;
	height: 134px;
	margin-left: -webkit-calc(50% - 67px);
	margin-left: -moz-calc(50% - 67px);
	margin-left: calc(50% - 67px)
}
.qtw-card .audio-box .audio-item {
	margin-top: 184px
}
.qtw-card .audio-box .audio-play-icon {
	width: 32px;
	height: 32px;
	line-height: 32px;
	font-size: 14px!important;
	margin-top: 81px;
	margin-left: -webkit-calc(50% - 16px);
	margin-left: -moz-calc(50% - 16px);
	margin-left: calc(50% - 16px)
}
.qtw-card .model-box video {
	height: 122px
}
.qtw-card .video-model-box .fav-icon {
	top: 8px;
	right: 9px
}
.qtw-card .video-model-box .qtw-button {
	bottom: 14px
}
.qtw-card .text-box .title {
	width: 130px
}
.qtw-card.qtw-theme .theme-image-box {
	width: 216px;
	height: 228px
}
.qtw-card.qtw-theme .theme-image-box .theme-image-list .theme-image-item {
	width: 454px;
	height: 640px
}
.qtw-card.qtw-theme .theme-image-box .theme-image-list .theme-image-item img {
	width: 146px;
	height: 208px
}
.qtw-card.qtw-theme .theme-text-box {
	width: 216px
}
.qtw-cart-media {
	width: 312px;
	height: 206px
}
.qtw-cart-media .video-box, .qtw-cart-media .audio-box {
	width: 296px;
	height: 166px
}
.qtw-cart-media .audio-box img {
	width: 89px;
	height: 89px;
	margin-left: 13px;
	margin-top: 19px;
	-webkit-box-shadow: 0 6px 11px 0 rgba(22,109,58,.39);
	box-shadow: 0 6px 11px 0 rgba(22,109,58,.39)
}
.qtw-cart-media .audio-box .audio-item {
	width: 147px;
	margin-left: 16px;
	margin-top: 40px
}
.qtw-cart-media .audio-box .audio-item .title {
	width: 139px;
	margin-bottom: 14px
}
.qtw-cart-media .audio-box .audio-item .format {
	display: none
}
.qtw-cart-media .audio-box .audio-item .fav-icon {
	top: -32px;
	right: -28px
}
.qtw-cart-media .audio-box .audio-item .fav-list {
	top: -32px;
	right: 40px;
	width: 72%
}
.qtw-cart-media .audio-box .audio-progress {
	margin-top: 16px
}
.qtw-cart-media .audio-box .audio-play-icon {
	position: absolute;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #cfeddc;
	left: 46.5px;
	top: 55.5px
}
.qtw-cart-media .text-box .title {
	width: 156px
}
.qtw-trend-card {
	width: 216px;
	height: 205px
}
.qtw-trend-card img {
	height: 144px!important;
	margin-left: -55px!important
}
.qtw-favorite-box {
	width: 216px;
	height: 324px
}
}
@-webkit-keyframes audio-rotate {
from {
transform:rotate(0deg);
-ms-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
-o-transform:rotate(0deg)
}
to {
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg)
}
}
@-moz-keyframes audio-rotate {
from {
transform:rotate(0deg);
-ms-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
-o-transform:rotate(0deg)
}
to {
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg)
}
}
@keyframes audio-rotate {
from {
transform:rotate(0deg);
-ms-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
-o-transform:rotate(0deg)
}
to {
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg)
}
}
@-webkit-keyframes rotate360 {
0% {
-webkit-transform:rotate(0deg)
}
25% {
-webkit-transform:rotate(90deg)
}
50% {
-webkit-transform:rotate(180deg)
}
75% {
-webkit-transform:rotate(270deg)
}
100% {
-webkit-transform:rotate(360deg)
}
}
@-moz-keyframes rotate360 {
0% {
-webkit-transform:rotate(0deg)
}
25% {
-webkit-transform:rotate(90deg)
}
50% {
-webkit-transform:rotate(180deg)
}
75% {
-webkit-transform:rotate(270deg)
}
100% {
-webkit-transform:rotate(360deg)
}
}
@keyframes rotate360 {
0% {
-webkit-transform:rotate(0deg)
}
25% {
-webkit-transform:rotate(90deg)
}
50% {
-webkit-transform:rotate(180deg)
}
75% {
-webkit-transform:rotate(270deg)
}
100% {
-webkit-transform:rotate(360deg)
}
}
@-webkit-keyframes auto-scroll {
0%, 100% {
-webkit-transform:translate3d(-50%, -23%, 0) rotate(15deg);
transform:translate3d(-50%, -23%, 0) rotate(15deg)
}
50% {
-webkit-transform:translate3d(-50%, -77%, 0) rotate(15deg);
transform:translate3d(-50%, -77%, 0) rotate(15deg)
}
}
@-moz-keyframes auto-scroll {
0%, 100% {
-moz-transform:translate3d(-50%, -23%, 0) rotate(15deg);
transform:translate3d(-50%, -23%, 0) rotate(15deg)
}
50% {
-moz-transform:translate3d(-50%, -77%, 0) rotate(15deg);
transform:translate3d(-50%, -77%, 0) rotate(15deg)
}
}
@keyframes auto-scroll {
0%, 100% {
-webkit-transform:translate3d(-50%, -23%, 0) rotate(15deg);
-moz-transform:translate3d(-50%, -23%, 0) rotate(15deg);
transform:translate3d(-50%, -23%, 0) rotate(15deg)
}
50% {
-webkit-transform:translate3d(-50%, -77%, 0) rotate(15deg);
-moz-transform:translate3d(-50%, -77%, 0) rotate(15deg);
transform:translate3d(-50%, -77%, 0) rotate(15deg)
}
}
@-webkit-keyframes auto-scroll2 {
0% {
-webkit-transform:translate3d(-49.6%, -23%, 0) rotate(15deg);
transform:translate3d(-49.6%, -23%, 0) rotate(15deg)
}
100% {
-webkit-transform:translate3d(-49.6%, -webkit-calc(-123% - 8px), 0) rotate(15deg);
transform:translate3d(-49.6%, calc(-123% - 8px), 0) rotate(15deg)
}
}
@-moz-keyframes auto-scroll2 {
0% {
-moz-transform:translate3d(-49.6%, -23%, 0) rotate(15deg);
transform:translate3d(-49.6%, -23%, 0) rotate(15deg)
}
100% {
-moz-transform:translate3d(-49.6%, -moz-calc(-123% - 8px), 0) rotate(15deg);
transform:translate3d(-49.6%, calc(-123% - 8px), 0) rotate(15deg)
}
}
@keyframes auto-scroll2 {
0% {
-webkit-transform:translate3d(-49.6%, -23%, 0) rotate(15deg);
-moz-transform:translate3d(-49.6%, -23%, 0) rotate(15deg);
transform:translate3d(-49.6%, -23%, 0) rotate(15deg)
}
100% {
-webkit-transform:translate3d(-49.6%, -webkit-calc(-123% - 8px), 0) rotate(15deg);
-moz-transform:translate3d(-49.6%, -moz-calc(-123% - 8px), 0) rotate(15deg);
transform:translate3d(-49.6%, calc(-123% - 8px), 0) rotate(15deg)
}
}/*! * * * * * * * * * * * * * * * * * * * *\
  CSShake :: Package
  v1.5.0
  CSS classes to move your DOM
  (c) 2015 @elrumordelaluz
  http://elrumordelaluz.github.io/csshake/
  Licensed under MIT
\* * * * * * * * * * * * * * * * * * * * */
.shake, .shake-little, .shake-slow, .shake-hard, .shake-horizontal, .shake-vertical, .shake-rotate, .shake-opacity, .shake-crazy, .shake-chunk {
	display: inherit;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center
}
.shake-freeze, .shake-constant.shake-constant--hover:hover, .shake-trigger:hover .shake-constant.shake-constant--hover {
	-webkit-animation-play-state: paused;
	-moz-animation-play-state: paused;
	animation-play-state: paused
}
.shake-freeze:hover, .shake-trigger:hover .shake-freeze, .shake:hover, .shake-trigger:hover .shake, .shake-little:hover, .shake-trigger:hover .shake-little, .shake-slow:hover, .shake-trigger:hover .shake-slow, .shake-hard:hover, .shake-trigger:hover .shake-hard, .shake-horizontal:hover, .shake-trigger:hover .shake-horizontal, .shake-vertical:hover, .shake-trigger:hover .shake-vertical, .shake-rotate:hover, .shake-trigger:hover .shake-rotate, .shake-opacity:hover, .shake-trigger:hover .shake-opacity, .shake-crazy:hover, .shake-trigger:hover .shake-crazy, .shake-chunk:hover, .shake-trigger:hover .shake-chunk {
	-webkit-animation-play-state: running;
	-moz-animation-play-state: running;
	animation-play-state: running
}
@-webkit-keyframes shake {
2% {
-webkit-transform:translate(1.5px, 1.5px) rotate(1.5deg);
transform:translate(1.5px, 1.5px) rotate(1.5deg)
}
4% {
-webkit-transform:translate(0.5px, -.5px) rotate(0.5deg);
transform:translate(0.5px, -.5px) rotate(0.5deg)
}
6% {
-webkit-transform:translate(1.5px, 2.5px) rotate(1.5deg);
transform:translate(1.5px, 2.5px) rotate(1.5deg)
}
8% {
-webkit-transform:translate(0.5px, 2.5px) rotate(0.5deg);
transform:translate(0.5px, 2.5px) rotate(0.5deg)
}
10% {
-webkit-transform:translate(2.5px, 1.5px) rotate(0.5deg);
transform:translate(2.5px, 1.5px) rotate(0.5deg)
}
12% {
-webkit-transform:translate(-.5px, -1.5px) rotate(-.5deg);
transform:translate(-.5px, -1.5px) rotate(-.5deg)
}
14% {
-webkit-transform:translate(1.5px, 2.5px) rotate(-.5deg);
transform:translate(1.5px, 2.5px) rotate(-.5deg)
}
16% {
-webkit-transform:translate(2.5px, -1.5px) rotate(1.5deg);
transform:translate(2.5px, -1.5px) rotate(1.5deg)
}
18% {
-webkit-transform:translate(2.5px, 2.5px) rotate(-.5deg);
transform:translate(2.5px, 2.5px) rotate(-.5deg)
}
20% {
-webkit-transform:translate(-.5px, -1.5px) rotate(1.5deg);
transform:translate(-.5px, -1.5px) rotate(1.5deg)
}
22% {
-webkit-transform:translate(-1.5px, -.5px) rotate(0.5deg);
transform:translate(-1.5px, -.5px) rotate(0.5deg)
}
24% {
-webkit-transform:translate(2.5px, -1.5px) rotate(1.5deg);
transform:translate(2.5px, -1.5px) rotate(1.5deg)
}
26% {
-webkit-transform:translate(0.5px, 2.5px) rotate(1.5deg);
transform:translate(0.5px, 2.5px) rotate(1.5deg)
}
28% {
-webkit-transform:translate(-.5px, 2.5px) rotate(-.5deg);
transform:translate(-.5px, 2.5px) rotate(-.5deg)
}
30% {
-webkit-transform:translate(0.5px, 2.5px) rotate(1.5deg);
transform:translate(0.5px, 2.5px) rotate(1.5deg)
}
32% {
-webkit-transform:translate(-1.5px, -.5px) rotate(-.5deg);
transform:translate(-1.5px, -.5px) rotate(-.5deg)
}
34% {
-webkit-transform:translate(0.5px, -.5px) rotate(0.5deg);
transform:translate(0.5px, -.5px) rotate(0.5deg)
}
36% {
-webkit-transform:translate(-1.5px, .5px) rotate(1.5deg);
transform:translate(-1.5px, .5px) rotate(1.5deg)
}
38% {
-webkit-transform:translate(-1.5px, 1.5px) rotate(1.5deg);
transform:translate(-1.5px, 1.5px) rotate(1.5deg)
}
40% {
-webkit-transform:translate(2.5px, .5px) rotate(0.5deg);
transform:translate(2.5px, .5px) rotate(0.5deg)
}
42% {
-webkit-transform:translate(0.5px, .5px) rotate(1.5deg);
transform:translate(0.5px, .5px) rotate(1.5deg)
}
44% {
-webkit-transform:translate(-.5px, .5px) rotate(0.5deg);
transform:translate(-.5px, .5px) rotate(0.5deg)
}
46% {
-webkit-transform:translate(2.5px, 1.5px) rotate(1.5deg);
transform:translate(2.5px, 1.5px) rotate(1.5deg)
}
48% {
-webkit-transform:translate(2.5px, 1.5px) rotate(-.5deg);
transform:translate(2.5px, 1.5px) rotate(-.5deg)
}
50% {
-webkit-transform:translate(-1.5px, 2.5px) rotate(-.5deg);
transform:translate(-1.5px, 2.5px) rotate(-.5deg)
}
52% {
-webkit-transform:translate(0.5px, -1.5px) rotate(1.5deg);
transform:translate(0.5px, -1.5px) rotate(1.5deg)
}
54% {
-webkit-transform:translate(0.5px, -1.5px) rotate(0.5deg);
transform:translate(0.5px, -1.5px) rotate(0.5deg)
}
56% {
-webkit-transform:translate(1.5px, -1.5px) rotate(-.5deg);
transform:translate(1.5px, -1.5px) rotate(-.5deg)
}
58% {
-webkit-transform:translate(1.5px, .5px) rotate(0.5deg);
transform:translate(1.5px, .5px) rotate(0.5deg)
}
60% {
-webkit-transform:translate(-.5px, .5px) rotate(0.5deg);
transform:translate(-.5px, .5px) rotate(0.5deg)
}
62% {
-webkit-transform:translate(0.5px, .5px) rotate(-.5deg);
transform:translate(0.5px, .5px) rotate(-.5deg)
}
64% {
-webkit-transform:translate(-1.5px, -.5px) rotate(1.5deg);
transform:translate(-1.5px, -.5px) rotate(1.5deg)
}
66% {
-webkit-transform:translate(-1.5px, 2.5px) rotate(-.5deg);
transform:translate(-1.5px, 2.5px) rotate(-.5deg)
}
68% {
-webkit-transform:translate(-1.5px, 1.5px) rotate(0.5deg);
transform:translate(-1.5px, 1.5px) rotate(0.5deg)
}
70% {
-webkit-transform:translate(0.5px, 1.5px) rotate(0.5deg);
transform:translate(0.5px, 1.5px) rotate(0.5deg)
}
72% {
-webkit-transform:translate(-1.5px, 2.5px) rotate(0.5deg);
transform:translate(-1.5px, 2.5px) rotate(0.5deg)
}
74% {
-webkit-transform:translate(2.5px, .5px) rotate(-.5deg);
transform:translate(2.5px, .5px) rotate(-.5deg)
}
76% {
-webkit-transform:translate(0.5px, -1.5px) rotate(1.5deg);
transform:translate(0.5px, -1.5px) rotate(1.5deg)
}
78% {
-webkit-transform:translate(0.5px, 1.5px) rotate(0.5deg);
transform:translate(0.5px, 1.5px) rotate(0.5deg)
}
80% {
-webkit-transform:translate(-.5px, -.5px) rotate(0.5deg);
transform:translate(-.5px, -.5px) rotate(0.5deg)
}
82% {
-webkit-transform:translate(1.5px, 1.5px) rotate(1.5deg);
transform:translate(1.5px, 1.5px) rotate(1.5deg)
}
84% {
-webkit-transform:translate(0.5px, .5px) rotate(0.5deg);
transform:translate(0.5px, .5px) rotate(0.5deg)
}
86% {
-webkit-transform:translate(-.5px, .5px) rotate(1.5deg);
transform:translate(-.5px, .5px) rotate(1.5deg)
}
88% {
-webkit-transform:translate(1.5px, .5px) rotate(1.5deg);
transform:translate(1.5px, .5px) rotate(1.5deg)
}
90% {
-webkit-transform:translate(-.5px, 2.5px) rotate(-.5deg);
transform:translate(-.5px, 2.5px) rotate(-.5deg)
}
92% {
-webkit-transform:translate(-1.5px, -1.5px) rotate(1.5deg);
transform:translate(-1.5px, -1.5px) rotate(1.5deg)
}
94% {
-webkit-transform:translate(-1.5px, 2.5px) rotate(1.5deg);
transform:translate(-1.5px, 2.5px) rotate(1.5deg)
}
96% {
-webkit-transform:translate(-1.5px, -1.5px) rotate(1.5deg);
transform:translate(-1.5px, -1.5px) rotate(1.5deg)
}
98% {
-webkit-transform:translate(1.5px, -1.5px) rotate(1.5deg);
transform:translate(1.5px, -1.5px) rotate(1.5deg)
}
0%, 100% {
-webkit-transform:translate(0, 0) rotate(0);
transform:translate(0, 0) rotate(0)
}
}
@-moz-keyframes shake {
2% {
-moz-transform:translate(1.5px, 1.5px) rotate(1.5deg);
transform:translate(1.5px, 1.5px) rotate(1.5deg)
}
4% {
-moz-transform:translate(0.5px, -.5px) rotate(0.5deg);
transform:translate(0.5px, -.5px) rotate(0.5deg)
}
6% {
-moz-transform:translate(1.5px, 2.5px) rotate(1.5deg);
transform:translate(1.5px, 2.5px) rotate(1.5deg)
}
8% {
-moz-transform:translate(0.5px, 2.5px) rotate(0.5deg);
transform:translate(0.5px, 2.5px) rotate(0.5deg)
}
10% {
-moz-transform:translate(2.5px, 1.5px) rotate(0.5deg);
transform:translate(2.5px, 1.5px) rotate(0.5deg)
}
12% {
-moz-transform:translate(-.5px, -1.5px) rotate(-.5deg);
transform:translate(-.5px, -1.5px) rotate(-.5deg)
}
14% {
-moz-transform:translate(1.5px, 2.5px) rotate(-.5deg);
transform:translate(1.5px, 2.5px) rotate(-.5deg)
}
16% {
-moz-transform:translate(2.5px, -1.5px) rotate(1.5deg);
transform:translate(2.5px, -1.5px) rotate(1.5deg)
}
18% {
-moz-transform:translate(2.5px, 2.5px) rotate(-.5deg);
transform:translate(2.5px, 2.5px) rotate(-.5deg)
}
20% {
-moz-transform:translate(-.5px, -1.5px) rotate(1.5deg);
transform:translate(-.5px, -1.5px) rotate(1.5deg)
}
22% {
-moz-transform:translate(-1.5px, -.5px) rotate(0.5deg);
transform:translate(-1.5px, -.5px) rotate(0.5deg)
}
24% {
-moz-transform:translate(2.5px, -1.5px) rotate(1.5deg);
transform:translate(2.5px, -1.5px) rotate(1.5deg)
}
26% {
-moz-transform:translate(0.5px, 2.5px) rotate(1.5deg);
transform:translate(0.5px, 2.5px) rotate(1.5deg)
}
28% {
-moz-transform:translate(-.5px, 2.5px) rotate(-.5deg);
transform:translate(-.5px, 2.5px) rotate(-.5deg)
}
30% {
-moz-transform:translate(0.5px, 2.5px) rotate(1.5deg);
transform:translate(0.5px, 2.5px) rotate(1.5deg)
}
32% {
-moz-transform:translate(-1.5px, -.5px) rotate(-.5deg);
transform:translate(-1.5px, -.5px) rotate(-.5deg)
}
34% {
-moz-transform:translate(0.5px, -.5px) rotate(0.5deg);
transform:translate(0.5px, -.5px) rotate(0.5deg)
}
36% {
-moz-transform:translate(-1.5px, .5px) rotate(1.5deg);
transform:translate(-1.5px, .5px) rotate(1.5deg)
}
38% {
-moz-transform:translate(-1.5px, 1.5px) rotate(1.5deg);
transform:translate(-1.5px, 1.5px) rotate(1.5deg)
}
40% {
-moz-transform:translate(2.5px, .5px) rotate(0.5deg);
transform:translate(2.5px, .5px) rotate(0.5deg)
}
42% {
-moz-transform:translate(0.5px, .5px) rotate(1.5deg);
transform:translate(0.5px, .5px) rotate(1.5deg)
}
44% {
-moz-transform:translate(-.5px, .5px) rotate(0.5deg);
transform:translate(-.5px, .5px) rotate(0.5deg)
}
46% {
-moz-transform:translate(2.5px, 1.5px) rotate(1.5deg);
transform:translate(2.5px, 1.5px) rotate(1.5deg)
}
48% {
-moz-transform:translate(2.5px, 1.5px) rotate(-.5deg);
transform:translate(2.5px, 1.5px) rotate(-.5deg)
}
50% {
-moz-transform:translate(-1.5px, 2.5px) rotate(-.5deg);
transform:translate(-1.5px, 2.5px) rotate(-.5deg)
}
52% {
-moz-transform:translate(0.5px, -1.5px) rotate(1.5deg);
transform:translate(0.5px, -1.5px) rotate(1.5deg)
}
54% {
-moz-transform:translate(0.5px, -1.5px) rotate(0.5deg);
transform:translate(0.5px, -1.5px) rotate(0.5deg)
}
56% {
-moz-transform:translate(1.5px, -1.5px) rotate(-.5deg);
transform:translate(1.5px, -1.5px) rotate(-.5deg)
}
58% {
-moz-transform:translate(1.5px, .5px) rotate(0.5deg);
transform:translate(1.5px, .5px) rotate(0.5deg)
}
60% {
-moz-transform:translate(-.5px, .5px) rotate(0.5deg);
transform:translate(-.5px, .5px) rotate(0.5deg)
}
62% {
-moz-transform:translate(0.5px, .5px) rotate(-.5deg);
transform:translate(0.5px, .5px) rotate(-.5deg)
}
64% {
-moz-transform:translate(-1.5px, -.5px) rotate(1.5deg);
transform:translate(-1.5px, -.5px) rotate(1.5deg)
}
66% {
-moz-transform:translate(-1.5px, 2.5px) rotate(-.5deg);
transform:translate(-1.5px, 2.5px) rotate(-.5deg)
}
68% {
-moz-transform:translate(-1.5px, 1.5px) rotate(0.5deg);
transform:translate(-1.5px, 1.5px) rotate(0.5deg)
}
70% {
-moz-transform:translate(0.5px, 1.5px) rotate(0.5deg);
transform:translate(0.5px, 1.5px) rotate(0.5deg)
}
72% {
-moz-transform:translate(-1.5px, 2.5px) rotate(0.5deg);
transform:translate(-1.5px, 2.5px) rotate(0.5deg)
}
74% {
-moz-transform:translate(2.5px, .5px) rotate(-.5deg);
transform:translate(2.5px, .5px) rotate(-.5deg)
}
76% {
-moz-transform:translate(0.5px, -1.5px) rotate(1.5deg);
transform:translate(0.5px, -1.5px) rotate(1.5deg)
}
78% {
-moz-transform:translate(0.5px, 1.5px) rotate(0.5deg);
transform:translate(0.5px, 1.5px) rotate(0.5deg)
}
80% {
-moz-transform:translate(-.5px, -.5px) rotate(0.5deg);
transform:translate(-.5px, -.5px) rotate(0.5deg)
}
82% {
-moz-transform:translate(1.5px, 1.5px) rotate(1.5deg);
transform:translate(1.5px, 1.5px) rotate(1.5deg)
}
84% {
-moz-transform:translate(0.5px, .5px) rotate(0.5deg);
transform:translate(0.5px, .5px) rotate(0.5deg)
}
86% {
-moz-transform:translate(-.5px, .5px) rotate(1.5deg);
transform:translate(-.5px, .5px) rotate(1.5deg)
}
88% {
-moz-transform:translate(1.5px, .5px) rotate(1.5deg);
transform:translate(1.5px, .5px) rotate(1.5deg)
}
90% {
-moz-transform:translate(-.5px, 2.5px) rotate(-.5deg);
transform:translate(-.5px, 2.5px) rotate(-.5deg)
}
92% {
-moz-transform:translate(-1.5px, -1.5px) rotate(1.5deg);
transform:translate(-1.5px, -1.5px) rotate(1.5deg)
}
94% {
-moz-transform:translate(-1.5px, 2.5px) rotate(1.5deg);
transform:translate(-1.5px, 2.5px) rotate(1.5deg)
}
96% {
-moz-transform:translate(-1.5px, -1.5px) rotate(1.5deg);
transform:translate(-1.5px, -1.5px) rotate(1.5deg)
}
98% {
-moz-transform:translate(1.5px, -1.5px) rotate(1.5deg);
transform:translate(1.5px, -1.5px) rotate(1.5deg)
}
0%, 100% {
-moz-transform:translate(0, 0) rotate(0);
transform:translate(0, 0) rotate(0)
}
}
@keyframes shake {
2% {
-webkit-transform:translate(1.5px, 1.5px) rotate(1.5deg);
-moz-transform:translate(1.5px, 1.5px) rotate(1.5deg);
transform:translate(1.5px, 1.5px) rotate(1.5deg)
}
4% {
-webkit-transform:translate(0.5px, -.5px) rotate(0.5deg);
-moz-transform:translate(0.5px, -.5px) rotate(0.5deg);
transform:translate(0.5px, -.5px) rotate(0.5deg)
}
6% {
-webkit-transform:translate(1.5px, 2.5px) rotate(1.5deg);
-moz-transform:translate(1.5px, 2.5px) rotate(1.5deg);
transform:translate(1.5px, 2.5px) rotate(1.5deg)
}
8% {
-webkit-transform:translate(0.5px, 2.5px) rotate(0.5deg);
-moz-transform:translate(0.5px, 2.5px) rotate(0.5deg);
transform:translate(0.5px, 2.5px) rotate(0.5deg)
}
10% {
-webkit-transform:translate(2.5px, 1.5px) rotate(0.5deg);
-moz-transform:translate(2.5px, 1.5px) rotate(0.5deg);
transform:translate(2.5px, 1.5px) rotate(0.5deg)
}
12% {
-webkit-transform:translate(-.5px, -1.5px) rotate(-.5deg);
-moz-transform:translate(-.5px, -1.5px) rotate(-.5deg);
transform:translate(-.5px, -1.5px) rotate(-.5deg)
}
14% {
-webkit-transform:translate(1.5px, 2.5px) rotate(-.5deg);
-moz-transform:translate(1.5px, 2.5px) rotate(-.5deg);
transform:translate(1.5px, 2.5px) rotate(-.5deg)
}
16% {
-webkit-transform:translate(2.5px, -1.5px) rotate(1.5deg);
-moz-transform:translate(2.5px, -1.5px) rotate(1.5deg);
transform:translate(2.5px, -1.5px) rotate(1.5deg)
}
18% {
-webkit-transform:translate(2.5px, 2.5px) rotate(-.5deg);
-moz-transform:translate(2.5px, 2.5px) rotate(-.5deg);
transform:translate(2.5px, 2.5px) rotate(-.5deg)
}
20% {
-webkit-transform:translate(-.5px, -1.5px) rotate(1.5deg);
-moz-transform:translate(-.5px, -1.5px) rotate(1.5deg);
transform:translate(-.5px, -1.5px) rotate(1.5deg)
}
22% {
-webkit-transform:translate(-1.5px, -.5px) rotate(0.5deg);
-moz-transform:translate(-1.5px, -.5px) rotate(0.5deg);
transform:translate(-1.5px, -.5px) rotate(0.5deg)
}
24% {
-webkit-transform:translate(2.5px, -1.5px) rotate(1.5deg);
-moz-transform:translate(2.5px, -1.5px) rotate(1.5deg);
transform:translate(2.5px, -1.5px) rotate(1.5deg)
}
26% {
-webkit-transform:translate(0.5px, 2.5px) rotate(1.5deg);
-moz-transform:translate(0.5px, 2.5px) rotate(1.5deg);
transform:translate(0.5px, 2.5px) rotate(1.5deg)
}
28% {
-webkit-transform:translate(-.5px, 2.5px) rotate(-.5deg);
-moz-transform:translate(-.5px, 2.5px) rotate(-.5deg);
transform:translate(-.5px, 2.5px) rotate(-.5deg)
}
30% {
-webkit-transform:translate(0.5px, 2.5px) rotate(1.5deg);
-moz-transform:translate(0.5px, 2.5px) rotate(1.5deg);
transform:translate(0.5px, 2.5px) rotate(1.5deg)
}
32% {
-webkit-transform:translate(-1.5px, -.5px) rotate(-.5deg);
-moz-transform:translate(-1.5px, -.5px) rotate(-.5deg);
transform:translate(-1.5px, -.5px) rotate(-.5deg)
}
34% {
-webkit-transform:translate(0.5px, -.5px) rotate(0.5deg);
-moz-transform:translate(0.5px, -.5px) rotate(0.5deg);
transform:translate(0.5px, -.5px) rotate(0.5deg)
}
36% {
-webkit-transform:translate(-1.5px, .5px) rotate(1.5deg);
-moz-transform:translate(-1.5px, .5px) rotate(1.5deg);
transform:translate(-1.5px, .5px) rotate(1.5deg)
}
38% {
-webkit-transform:translate(-1.5px, 1.5px) rotate(1.5deg);
-moz-transform:translate(-1.5px, 1.5px) rotate(1.5deg);
transform:translate(-1.5px, 1.5px) rotate(1.5deg)
}
40% {
-webkit-transform:translate(2.5px, .5px) rotate(0.5deg);
-moz-transform:translate(2.5px, .5px) rotate(0.5deg);
transform:translate(2.5px, .5px) rotate(0.5deg)
}
42% {
-webkit-transform:translate(0.5px, .5px) rotate(1.5deg);
-moz-transform:translate(0.5px, .5px) rotate(1.5deg);
transform:translate(0.5px, .5px) rotate(1.5deg)
}
44% {
-webkit-transform:translate(-.5px, .5px) rotate(0.5deg);
-moz-transform:translate(-.5px, .5px) rotate(0.5deg);
transform:translate(-.5px, .5px) rotate(0.5deg)
}
46% {
-webkit-transform:translate(2.5px, 1.5px) rotate(1.5deg);
-moz-transform:translate(2.5px, 1.5px) rotate(1.5deg);
transform:translate(2.5px, 1.5px) rotate(1.5deg)
}
48% {
-webkit-transform:translate(2.5px, 1.5px) rotate(-.5deg);
-moz-transform:translate(2.5px, 1.5px) rotate(-.5deg);
transform:translate(2.5px, 1.5px) rotate(-.5deg)
}
50% {
-webkit-transform:translate(-1.5px, 2.5px) rotate(-.5deg);
-moz-transform:translate(-1.5px, 2.5px) rotate(-.5deg);
transform:translate(-1.5px, 2.5px) rotate(-.5deg)
}
52% {
-webkit-transform:translate(0.5px, -1.5px) rotate(1.5deg);
-moz-transform:translate(0.5px, -1.5px) rotate(1.5deg);
transform:translate(0.5px, -1.5px) rotate(1.5deg)
}
54% {
-webkit-transform:translate(0.5px, -1.5px) rotate(0.5deg);
-moz-transform:translate(0.5px, -1.5px) rotate(0.5deg);
transform:translate(0.5px, -1.5px) rotate(0.5deg)
}
56% {
-webkit-transform:translate(1.5px, -1.5px) rotate(-.5deg);
-moz-transform:translate(1.5px, -1.5px) rotate(-.5deg);
transform:translate(1.5px, -1.5px) rotate(-.5deg)
}
58% {
-webkit-transform:translate(1.5px, .5px) rotate(0.5deg);
-moz-transform:translate(1.5px, .5px) rotate(0.5deg);
transform:translate(1.5px, .5px) rotate(0.5deg)
}
60% {
-webkit-transform:translate(-.5px, .5px) rotate(0.5deg);
-moz-transform:translate(-.5px, .5px) rotate(0.5deg);
transform:translate(-.5px, .5px) rotate(0.5deg)
}
62% {
-webkit-transform:translate(0.5px, .5px) rotate(-.5deg);
-moz-transform:translate(0.5px, .5px) rotate(-.5deg);
transform:translate(0.5px, .5px) rotate(-.5deg)
}
64% {
-webkit-transform:translate(-1.5px, -.5px) rotate(1.5deg);
-moz-transform:translate(-1.5px, -.5px) rotate(1.5deg);
transform:translate(-1.5px, -.5px) rotate(1.5deg)
}
66% {
-webkit-transform:translate(-1.5px, 2.5px) rotate(-.5deg);
-moz-transform:translate(-1.5px, 2.5px) rotate(-.5deg);
transform:translate(-1.5px, 2.5px) rotate(-.5deg)
}
68% {
-webkit-transform:translate(-1.5px, 1.5px) rotate(0.5deg);
-moz-transform:translate(-1.5px, 1.5px) rotate(0.5deg);
transform:translate(-1.5px, 1.5px) rotate(0.5deg)
}
70% {
-webkit-transform:translate(0.5px, 1.5px) rotate(0.5deg);
-moz-transform:translate(0.5px, 1.5px) rotate(0.5deg);
transform:translate(0.5px, 1.5px) rotate(0.5deg)
}
72% {
-webkit-transform:translate(-1.5px, 2.5px) rotate(0.5deg);
-moz-transform:translate(-1.5px, 2.5px) rotate(0.5deg);
transform:translate(-1.5px, 2.5px) rotate(0.5deg)
}
74% {
-webkit-transform:translate(2.5px, .5px) rotate(-.5deg);
-moz-transform:translate(2.5px, .5px) rotate(-.5deg);
transform:translate(2.5px, .5px) rotate(-.5deg)
}
76% {
-webkit-transform:translate(0.5px, -1.5px) rotate(1.5deg);
-moz-transform:translate(0.5px, -1.5px) rotate(1.5deg);
transform:translate(0.5px, -1.5px) rotate(1.5deg)
}
78% {
-webkit-transform:translate(0.5px, 1.5px) rotate(0.5deg);
-moz-transform:translate(0.5px, 1.5px) rotate(0.5deg);
transform:translate(0.5px, 1.5px) rotate(0.5deg)
}
80% {
-webkit-transform:translate(-.5px, -.5px) rotate(0.5deg);
-moz-transform:translate(-.5px, -.5px) rotate(0.5deg);
transform:translate(-.5px, -.5px) rotate(0.5deg)
}
82% {
-webkit-transform:translate(1.5px, 1.5px) rotate(1.5deg);
-moz-transform:translate(1.5px, 1.5px) rotate(1.5deg);
transform:translate(1.5px, 1.5px) rotate(1.5deg)
}
84% {
-webkit-transform:translate(0.5px, .5px) rotate(0.5deg);
-moz-transform:translate(0.5px, .5px) rotate(0.5deg);
transform:translate(0.5px, .5px) rotate(0.5deg)
}
86% {
-webkit-transform:translate(-.5px, .5px) rotate(1.5deg);
-moz-transform:translate(-.5px, .5px) rotate(1.5deg);
transform:translate(-.5px, .5px) rotate(1.5deg)
}
88% {
-webkit-transform:translate(1.5px, .5px) rotate(1.5deg);
-moz-transform:translate(1.5px, .5px) rotate(1.5deg);
transform:translate(1.5px, .5px) rotate(1.5deg)
}
90% {
-webkit-transform:translate(-.5px, 2.5px) rotate(-.5deg);
-moz-transform:translate(-.5px, 2.5px) rotate(-.5deg);
transform:translate(-.5px, 2.5px) rotate(-.5deg)
}
92% {
-webkit-transform:translate(-1.5px, -1.5px) rotate(1.5deg);
-moz-transform:translate(-1.5px, -1.5px) rotate(1.5deg);
transform:translate(-1.5px, -1.5px) rotate(1.5deg)
}
94% {
-webkit-transform:translate(-1.5px, 2.5px) rotate(1.5deg);
-moz-transform:translate(-1.5px, 2.5px) rotate(1.5deg);
transform:translate(-1.5px, 2.5px) rotate(1.5deg)
}
96% {
-webkit-transform:translate(-1.5px, -1.5px) rotate(1.5deg);
-moz-transform:translate(-1.5px, -1.5px) rotate(1.5deg);
transform:translate(-1.5px, -1.5px) rotate(1.5deg)
}
98% {
-webkit-transform:translate(1.5px, -1.5px) rotate(1.5deg);
-moz-transform:translate(1.5px, -1.5px) rotate(1.5deg);
transform:translate(1.5px, -1.5px) rotate(1.5deg)
}
0%, 100% {
-webkit-transform:translate(0, 0) rotate(0);
-moz-transform:translate(0, 0) rotate(0);
transform:translate(0, 0) rotate(0)
}
}
.shake:hover, .shake-trigger:hover .shake, .shake.shake-freeze, .shake.shake-constant {
	-webkit-animation-name: shake;
	-moz-animation-name: shake;
	animation-name: shake;
	-webkit-animation-duration: 100ms;
	-moz-animation-duration: 100ms;
	animation-duration: 100ms;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
@-webkit-keyframes shake-little {
2% {
-webkit-transform:translate(1px, 1px) rotate(0.5deg);
transform:translate(1px, 1px) rotate(0.5deg)
}
4% {
-webkit-transform:translate(0px, 1px) rotate(0.5deg);
transform:translate(0px, 1px) rotate(0.5deg)
}
6% {
-webkit-transform:translate(0px, 0) rotate(0.5deg);
transform:translate(0px, 0) rotate(0.5deg)
}
8% {
-webkit-transform:translate(0px, 1px) rotate(0.5deg);
transform:translate(0px, 1px) rotate(0.5deg)
}
10% {
-webkit-transform:translate(0px, 1px) rotate(0.5deg);
transform:translate(0px, 1px) rotate(0.5deg)
}
12% {
-webkit-transform:translate(1px, 0) rotate(0.5deg);
transform:translate(1px, 0) rotate(0.5deg)
}
14% {
-webkit-transform:translate(0px, 0) rotate(0.5deg);
transform:translate(0px, 0) rotate(0.5deg)
}
16% {
-webkit-transform:translate(0px, 1px) rotate(0.5deg);
transform:translate(0px, 1px) rotate(0.5deg)
}
18% {
-webkit-transform:translate(1px, 0) rotate(0.5deg);
transform:translate(1px, 0) rotate(0.5deg)
}
20% {
-webkit-transform:translate(0px, 1px) rotate(0.5deg);
transform:translate(0px, 1px) rotate(0.5deg)
}
22% {
-webkit-transform:translate(1px, 1px) rotate(0.5deg);
transform:translate(1px, 1px) rotate(0.5deg)
}
24% {
-webkit-transform:translate(1px, 0) rotate(0.5deg);
transform:translate(1px, 0) rotate(0.5deg)
}
26% {
-webkit-transform:translate(0px, 1px) rotate(0.5deg);
transform:translate(0px, 1px) rotate(0.5deg)
}
28% {
-webkit-transform:translate(1px, 1px) rotate(0.5deg);
transform:translate(1px, 1px) rotate(0.5deg)
}
30% {
-webkit-transform:translate(0px, 1px) rotate(0.5deg);
transform:translate(0px, 1px) rotate(0.5deg)
}
32% {
-webkit-transform:translate(1px, 1px) rotate(0.5deg);
transform:translate(1px, 1px) rotate(0.5deg)
}
34% {
-webkit-transform:translate(1px, 0) rotate(0.5deg);
transform:translate(1px, 0) rotate(0.5deg)
}
36% {
-webkit-transform:translate(0px, 1px) rotate(0.5deg);
transform:translate(0px, 1px) rotate(0.5deg)
}
38% {
-webkit-transform:translate(0px, 1px) rotate(0.5deg);
transform:translate(0px, 1px) rotate(0.5deg)
}
40% {
-webkit-transform:translate(0px, 0) rotate(0.5deg);
transform:translate(0px, 0) rotate(0.5deg)
}
42% {
-webkit-transform:translate(0px, 1px) rotate(0.5deg);
transform:translate(0px, 1px) rotate(0.5deg)
}
44% {
-webkit-transform:translate(1px, 0) rotate(0.5deg);
transform:translate(1px, 0) rotate(0.5deg)
}
46% {
-webkit-transform:translate(0px, 0) rotate(0.5deg);
transform:translate(0px, 0) rotate(0.5deg)
}
48% {
-webkit-transform:translate(1px, 0) rotate(0.5deg);
transform:translate(1px, 0) rotate(0.5deg)
}
50% {
-webkit-transform:translate(1px, 0) rotate(0.5deg);
transform:translate(1px, 0) rotate(0.5deg)
}
52% {
-webkit-transform:translate(0px, 0) rotate(0.5deg);
transform:translate(0px, 0) rotate(0.5deg)
}
54% {
-webkit-transform:translate(1px, 0) rotate(0.5deg);
transform:translate(1px, 0) rotate(0.5deg)
}
56% {
-webkit-transform:translate(0px, 1px) rotate(0.5deg);
transform:translate(0px, 1px) rotate(0.5deg)
}
58% {
-webkit-transform:translate(1px, 1px) rotate(0.5deg);
transform:translate(1px, 1px) rotate(0.5deg)
}
60% {
-webkit-transform:translate(0px, 1px) rotate(0.5deg);
transform:translate(0px, 1px) rotate(0.5deg)
}
62% {
-webkit-transform:translate(0px, 0) rotate(0.5deg);
transform:translate(0px, 0) rotate(0.5deg)
}
64% {
-webkit-transform:translate(1px, 1px) rotate(0.5deg);
transform:translate(1px, 1px) rotate(0.5deg)
}
66% {
-webkit-transform:translate(0px, 0) rotate(0.5deg);
transform:translate(0px, 0) rotate(0.5deg)
}
68% {
-webkit-transform:translate(1px, 0) rotate(0.5deg);
transform:translate(1px, 0) rotate(0.5deg)
}
70% {
-webkit-transform:translate(1px, 0) rotate(0.5deg);
transform:translate(1px, 0) rotate(0.5deg)
}
72% {
-webkit-transform:translate(1px, 0) rotate(0.5deg);
transform:translate(1px, 0) rotate(0.5deg)
}
74% {
-webkit-transform:translate(0px, 0) rotate(0.5deg);
transform:translate(0px, 0) rotate(0.5deg)
}
76% {
-webkit-transform:translate(0px, 0) rotate(0.5deg);
transform:translate(0px, 0) rotate(0.5deg)
}
78% {
-webkit-transform:translate(0px, 1px) rotate(0.5deg);
transform:translate(0px, 1px) rotate(0.5deg)
}
80% {
-webkit-transform:translate(0px, 1px) rotate(0.5deg);
transform:translate(0px, 1px) rotate(0.5deg)
}
82% {
-webkit-transform:translate(1px, 0) rotate(0.5deg);
transform:translate(1px, 0) rotate(0.5deg)
}
84% {
-webkit-transform:translate(1px, 0) rotate(0.5deg);
transform:translate(1px, 0) rotate(0.5deg)
}
86% {
-webkit-transform:translate(1px, 0) rotate(0.5deg);
transform:translate(1px, 0) rotate(0.5deg)
}
88% {
-webkit-transform:translate(0px, 0) rotate(0.5deg);
transform:translate(0px, 0) rotate(0.5deg)
}
90% {
-webkit-transform:translate(0px, 1px) rotate(0.5deg);
transform:translate(0px, 1px) rotate(0.5deg)
}
92% {
-webkit-transform:translate(1px, 1px) rotate(0.5deg);
transform:translate(1px, 1px) rotate(0.5deg)
}
94% {
-webkit-transform:translate(1px, 0) rotate(0.5deg);
transform:translate(1px, 0) rotate(0.5deg)
}
96% {
-webkit-transform:translate(1px, 0) rotate(0.5deg);
transform:translate(1px, 0) rotate(0.5deg)
}
98% {
-webkit-transform:translate(1px, 0) rotate(0.5deg);
transform:translate(1px, 0) rotate(0.5deg)
}
0%, 100% {
-webkit-transform:translate(0, 0) rotate(0);
transform:translate(0, 0) rotate(0)
}
}
@-moz-keyframes shake-little {
2% {
-moz-transform:translate(1px, 1px) rotate(0.5deg);
transform:translate(1px, 1px) rotate(0.5deg)
}
4% {
-moz-transform:translate(0px, 1px) rotate(0.5deg);
transform:translate(0px, 1px) rotate(0.5deg)
}
6% {
-moz-transform:translate(0px, 0) rotate(0.5deg);
transform:translate(0px, 0) rotate(0.5deg)
}
8% {
-moz-transform:translate(0px, 1px) rotate(0.5deg);
transform:translate(0px, 1px) rotate(0.5deg)
}
10% {
-moz-transform:translate(0px, 1px) rotate(0.5deg);
transform:translate(0px, 1px) rotate(0.5deg)
}
12% {
-moz-transform:translate(1px, 0) rotate(0.5deg);
transform:translate(1px, 0) rotate(0.5deg)
}
14% {
-moz-transform:translate(0px, 0) rotate(0.5deg);
transform:translate(0px, 0) rotate(0.5deg)
}
16% {
-moz-transform:translate(0px, 1px) rotate(0.5deg);
transform:translate(0px, 1px) rotate(0.5deg)
}
18% {
-moz-transform:translate(1px, 0) rotate(0.5deg);
transform:translate(1px, 0) rotate(0.5deg)
}
20% {
-moz-transform:translate(0px, 1px) rotate(0.5deg);
transform:translate(0px, 1px) rotate(0.5deg)
}
22% {
-moz-transform:translate(1px, 1px) rotate(0.5deg);
transform:translate(1px, 1px) rotate(0.5deg)
}
24% {
-moz-transform:translate(1px, 0) rotate(0.5deg);
transform:translate(1px, 0) rotate(0.5deg)
}
26% {
-moz-transform:translate(0px, 1px) rotate(0.5deg);
transform:translate(0px, 1px) rotate(0.5deg)
}
28% {
-moz-transform:translate(1px, 1px) rotate(0.5deg);
transform:translate(1px, 1px) rotate(0.5deg)
}
30% {
-moz-transform:translate(0px, 1px) rotate(0.5deg);
transform:translate(0px, 1px) rotate(0.5deg)
}
32% {
-moz-transform:translate(1px, 1px) rotate(0.5deg);
transform:translate(1px, 1px) rotate(0.5deg)
}
34% {
-moz-transform:translate(1px, 0) rotate(0.5deg);
transform:translate(1px, 0) rotate(0.5deg)
}
36% {
-moz-transform:translate(0px, 1px) rotate(0.5deg);
transform:translate(0px, 1px) rotate(0.5deg)
}
38% {
-moz-transform:translate(0px, 1px) rotate(0.5deg);
transform:translate(0px, 1px) rotate(0.5deg)
}
40% {
-moz-transform:translate(0px, 0) rotate(0.5deg);
transform:translate(0px, 0) rotate(0.5deg)
}
42% {
-moz-transform:translate(0px, 1px) rotate(0.5deg);
transform:translate(0px, 1px) rotate(0.5deg)
}
44% {
-moz-transform:translate(1px, 0) rotate(0.5deg);
transform:translate(1px, 0) rotate(0.5deg)
}
46% {
-moz-transform:translate(0px, 0) rotate(0.5deg);
transform:translate(0px, 0) rotate(0.5deg)
}
48% {
-moz-transform:translate(1px, 0) rotate(0.5deg);
transform:translate(1px, 0) rotate(0.5deg)
}
50% {
-moz-transform:translate(1px, 0) rotate(0.5deg);
transform:translate(1px, 0) rotate(0.5deg)
}
52% {
-moz-transform:translate(0px, 0) rotate(0.5deg);
transform:translate(0px, 0) rotate(0.5deg)
}
54% {
-moz-transform:translate(1px, 0) rotate(0.5deg);
transform:translate(1px, 0) rotate(0.5deg)
}
56% {
-moz-transform:translate(0px, 1px) rotate(0.5deg);
transform:translate(0px, 1px) rotate(0.5deg)
}
58% {
-moz-transform:translate(1px, 1px) rotate(0.5deg);
transform:translate(1px, 1px) rotate(0.5deg)
}
60% {
-moz-transform:translate(0px, 1px) rotate(0.5deg);
transform:translate(0px, 1px) rotate(0.5deg)
}
62% {
-moz-transform:translate(0px, 0) rotate(0.5deg);
transform:translate(0px, 0) rotate(0.5deg)
}
64% {
-moz-transform:translate(1px, 1px) rotate(0.5deg);
transform:translate(1px, 1px) rotate(0.5deg)
}
66% {
-moz-transform:translate(0px, 0) rotate(0.5deg);
transform:translate(0px, 0) rotate(0.5deg)
}
68% {
-moz-transform:translate(1px, 0) rotate(0.5deg);
transform:translate(1px, 0) rotate(0.5deg)
}
70% {
-moz-transform:translate(1px, 0) rotate(0.5deg);
transform:translate(1px, 0) rotate(0.5deg)
}
72% {
-moz-transform:translate(1px, 0) rotate(0.5deg);
transform:translate(1px, 0) rotate(0.5deg)
}
74% {
-moz-transform:translate(0px, 0) rotate(0.5deg);
transform:translate(0px, 0) rotate(0.5deg)
}
76% {
-moz-transform:translate(0px, 0) rotate(0.5deg);
transform:translate(0px, 0) rotate(0.5deg)
}
78% {
-moz-transform:translate(0px, 1px) rotate(0.5deg);
transform:translate(0px, 1px) rotate(0.5deg)
}
80% {
-moz-transform:translate(0px, 1px) rotate(0.5deg);
transform:translate(0px, 1px) rotate(0.5deg)
}
82% {
-moz-transform:translate(1px, 0) rotate(0.5deg);
transform:translate(1px, 0) rotate(0.5deg)
}
84% {
-moz-transform:translate(1px, 0) rotate(0.5deg);
transform:translate(1px, 0) rotate(0.5deg)
}
86% {
-moz-transform:translate(1px, 0) rotate(0.5deg);
transform:translate(1px, 0) rotate(0.5deg)
}
88% {
-moz-transform:translate(0px, 0) rotate(0.5deg);
transform:translate(0px, 0) rotate(0.5deg)
}
90% {
-moz-transform:translate(0px, 1px) rotate(0.5deg);
transform:translate(0px, 1px) rotate(0.5deg)
}
92% {
-moz-transform:translate(1px, 1px) rotate(0.5deg);
transform:translate(1px, 1px) rotate(0.5deg)
}
94% {
-moz-transform:translate(1px, 0) rotate(0.5deg);
transform:translate(1px, 0) rotate(0.5deg)
}
96% {
-moz-transform:translate(1px, 0) rotate(0.5deg);
transform:translate(1px, 0) rotate(0.5deg)
}
98% {
-moz-transform:translate(1px, 0) rotate(0.5deg);
transform:translate(1px, 0) rotate(0.5deg)
}
0%, 100% {
-moz-transform:translate(0, 0) rotate(0);
transform:translate(0, 0) rotate(0)
}
}
@keyframes shake-little {
2% {
-webkit-transform:translate(1px, 1px) rotate(0.5deg);
-moz-transform:translate(1px, 1px) rotate(0.5deg);
transform:translate(1px, 1px) rotate(0.5deg)
}
4% {
-webkit-transform:translate(0px, 1px) rotate(0.5deg);
-moz-transform:translate(0px, 1px) rotate(0.5deg);
transform:translate(0px, 1px) rotate(0.5deg)
}
6% {
-webkit-transform:translate(0px, 0) rotate(0.5deg);
-moz-transform:translate(0px, 0) rotate(0.5deg);
transform:translate(0px, 0) rotate(0.5deg)
}
8% {
-webkit-transform:translate(0px, 1px) rotate(0.5deg);
-moz-transform:translate(0px, 1px) rotate(0.5deg);
transform:translate(0px, 1px) rotate(0.5deg)
}
10% {
-webkit-transform:translate(0px, 1px) rotate(0.5deg);
-moz-transform:translate(0px, 1px) rotate(0.5deg);
transform:translate(0px, 1px) rotate(0.5deg)
}
12% {
-webkit-transform:translate(1px, 0) rotate(0.5deg);
-moz-transform:translate(1px, 0) rotate(0.5deg);
transform:translate(1px, 0) rotate(0.5deg)
}
14% {
-webkit-transform:translate(0px, 0) rotate(0.5deg);
-moz-transform:translate(0px, 0) rotate(0.5deg);
transform:translate(0px, 0) rotate(0.5deg)
}
16% {
-webkit-transform:translate(0px, 1px) rotate(0.5deg);
-moz-transform:translate(0px, 1px) rotate(0.5deg);
transform:translate(0px, 1px) rotate(0.5deg)
}
18% {
-webkit-transform:translate(1px, 0) rotate(0.5deg);
-moz-transform:translate(1px, 0) rotate(0.5deg);
transform:translate(1px, 0) rotate(0.5deg)
}
20% {
-webkit-transform:translate(0px, 1px) rotate(0.5deg);
-moz-transform:translate(0px, 1px) rotate(0.5deg);
transform:translate(0px, 1px) rotate(0.5deg)
}
22% {
-webkit-transform:translate(1px, 1px) rotate(0.5deg);
-moz-transform:translate(1px, 1px) rotate(0.5deg);
transform:translate(1px, 1px) rotate(0.5deg)
}
24% {
-webkit-transform:translate(1px, 0) rotate(0.5deg);
-moz-transform:translate(1px, 0) rotate(0.5deg);
transform:translate(1px, 0) rotate(0.5deg)
}
26% {
-webkit-transform:translate(0px, 1px) rotate(0.5deg);
-moz-transform:translate(0px, 1px) rotate(0.5deg);
transform:translate(0px, 1px) rotate(0.5deg)
}
28% {
-webkit-transform:translate(1px, 1px) rotate(0.5deg);
-moz-transform:translate(1px, 1px) rotate(0.5deg);
transform:translate(1px, 1px) rotate(0.5deg)
}
30% {
-webkit-transform:translate(0px, 1px) rotate(0.5deg);
-moz-transform:translate(0px, 1px) rotate(0.5deg);
transform:translate(0px, 1px) rotate(0.5deg)
}
32% {
-webkit-transform:translate(1px, 1px) rotate(0.5deg);
-moz-transform:translate(1px, 1px) rotate(0.5deg);
transform:translate(1px, 1px) rotate(0.5deg)
}
34% {
-webkit-transform:translate(1px, 0) rotate(0.5deg);
-moz-transform:translate(1px, 0) rotate(0.5deg);
transform:translate(1px, 0) rotate(0.5deg)
}
36% {
-webkit-transform:translate(0px, 1px) rotate(0.5deg);
-moz-transform:translate(0px, 1px) rotate(0.5deg);
transform:translate(0px, 1px) rotate(0.5deg)
}
38% {
-webkit-transform:translate(0px, 1px) rotate(0.5deg);
-moz-transform:translate(0px, 1px) rotate(0.5deg);
transform:translate(0px, 1px) rotate(0.5deg)
}
40% {
-webkit-transform:translate(0px, 0) rotate(0.5deg);
-moz-transform:translate(0px, 0) rotate(0.5deg);
transform:translate(0px, 0) rotate(0.5deg)
}
42% {
-webkit-transform:translate(0px, 1px) rotate(0.5deg);
-moz-transform:translate(0px, 1px) rotate(0.5deg);
transform:translate(0px, 1px) rotate(0.5deg)
}
44% {
-webkit-transform:translate(1px, 0) rotate(0.5deg);
-moz-transform:translate(1px, 0) rotate(0.5deg);
transform:translate(1px, 0) rotate(0.5deg)
}
46% {
-webkit-transform:translate(0px, 0) rotate(0.5deg);
-moz-transform:translate(0px, 0) rotate(0.5deg);
transform:translate(0px, 0) rotate(0.5deg)
}
48% {
-webkit-transform:translate(1px, 0) rotate(0.5deg);
-moz-transform:translate(1px, 0) rotate(0.5deg);
transform:translate(1px, 0) rotate(0.5deg)
}
50% {
-webkit-transform:translate(1px, 0) rotate(0.5deg);
-moz-transform:translate(1px, 0) rotate(0.5deg);
transform:translate(1px, 0) rotate(0.5deg)
}
52% {
-webkit-transform:translate(0px, 0) rotate(0.5deg);
-moz-transform:translate(0px, 0) rotate(0.5deg);
transform:translate(0px, 0) rotate(0.5deg)
}
54% {
-webkit-transform:translate(1px, 0) rotate(0.5deg);
-moz-transform:translate(1px, 0) rotate(0.5deg);
transform:translate(1px, 0) rotate(0.5deg)
}
56% {
-webkit-transform:translate(0px, 1px) rotate(0.5deg);
-moz-transform:translate(0px, 1px) rotate(0.5deg);
transform:translate(0px, 1px) rotate(0.5deg)
}
58% {
-webkit-transform:translate(1px, 1px) rotate(0.5deg);
-moz-transform:translate(1px, 1px) rotate(0.5deg);
transform:translate(1px, 1px) rotate(0.5deg)
}
60% {
-webkit-transform:translate(0px, 1px) rotate(0.5deg);
-moz-transform:translate(0px, 1px) rotate(0.5deg);
transform:translate(0px, 1px) rotate(0.5deg)
}
62% {
-webkit-transform:translate(0px, 0) rotate(0.5deg);
-moz-transform:translate(0px, 0) rotate(0.5deg);
transform:translate(0px, 0) rotate(0.5deg)
}
64% {
-webkit-transform:translate(1px, 1px) rotate(0.5deg);
-moz-transform:translate(1px, 1px) rotate(0.5deg);
transform:translate(1px, 1px) rotate(0.5deg)
}
66% {
-webkit-transform:translate(0px, 0) rotate(0.5deg);
-moz-transform:translate(0px, 0) rotate(0.5deg);
transform:translate(0px, 0) rotate(0.5deg)
}
68% {
-webkit-transform:translate(1px, 0) rotate(0.5deg);
-moz-transform:translate(1px, 0) rotate(0.5deg);
transform:translate(1px, 0) rotate(0.5deg)
}
70% {
-webkit-transform:translate(1px, 0) rotate(0.5deg);
-moz-transform:translate(1px, 0) rotate(0.5deg);
transform:translate(1px, 0) rotate(0.5deg)
}
72% {
-webkit-transform:translate(1px, 0) rotate(0.5deg);
-moz-transform:translate(1px, 0) rotate(0.5deg);
transform:translate(1px, 0) rotate(0.5deg)
}
74% {
-webkit-transform:translate(0px, 0) rotate(0.5deg);
-moz-transform:translate(0px, 0) rotate(0.5deg);
transform:translate(0px, 0) rotate(0.5deg)
}
76% {
-webkit-transform:translate(0px, 0) rotate(0.5deg);
-moz-transform:translate(0px, 0) rotate(0.5deg);
transform:translate(0px, 0) rotate(0.5deg)
}
78% {
-webkit-transform:translate(0px, 1px) rotate(0.5deg);
-moz-transform:translate(0px, 1px) rotate(0.5deg);
transform:translate(0px, 1px) rotate(0.5deg)
}
80% {
-webkit-transform:translate(0px, 1px) rotate(0.5deg);
-moz-transform:translate(0px, 1px) rotate(0.5deg);
transform:translate(0px, 1px) rotate(0.5deg)
}
82% {
-webkit-transform:translate(1px, 0) rotate(0.5deg);
-moz-transform:translate(1px, 0) rotate(0.5deg);
transform:translate(1px, 0) rotate(0.5deg)
}
84% {
-webkit-transform:translate(1px, 0) rotate(0.5deg);
-moz-transform:translate(1px, 0) rotate(0.5deg);
transform:translate(1px, 0) rotate(0.5deg)
}
86% {
-webkit-transform:translate(1px, 0) rotate(0.5deg);
-moz-transform:translate(1px, 0) rotate(0.5deg);
transform:translate(1px, 0) rotate(0.5deg)
}
88% {
-webkit-transform:translate(0px, 0) rotate(0.5deg);
-moz-transform:translate(0px, 0) rotate(0.5deg);
transform:translate(0px, 0) rotate(0.5deg)
}
90% {
-webkit-transform:translate(0px, 1px) rotate(0.5deg);
-moz-transform:translate(0px, 1px) rotate(0.5deg);
transform:translate(0px, 1px) rotate(0.5deg)
}
92% {
-webkit-transform:translate(1px, 1px) rotate(0.5deg);
-moz-transform:translate(1px, 1px) rotate(0.5deg);
transform:translate(1px, 1px) rotate(0.5deg)
}
94% {
-webkit-transform:translate(1px, 0) rotate(0.5deg);
-moz-transform:translate(1px, 0) rotate(0.5deg);
transform:translate(1px, 0) rotate(0.5deg)
}
96% {
-webkit-transform:translate(1px, 0) rotate(0.5deg);
-moz-transform:translate(1px, 0) rotate(0.5deg);
transform:translate(1px, 0) rotate(0.5deg)
}
98% {
-webkit-transform:translate(1px, 0) rotate(0.5deg);
-moz-transform:translate(1px, 0) rotate(0.5deg);
transform:translate(1px, 0) rotate(0.5deg)
}
0%, 100% {
-webkit-transform:translate(0, 0) rotate(0);
-moz-transform:translate(0, 0) rotate(0);
transform:translate(0, 0) rotate(0)
}
}
.shake-little:hover, .shake-trigger:hover .shake-little, .shake-little.shake-freeze, .shake-little.shake-constant {
	-webkit-animation-name: shake-little;
	-moz-animation-name: shake-little;
	animation-name: shake-little;
	-webkit-animation-duration: 100ms;
	-moz-animation-duration: 100ms;
	animation-duration: 100ms;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
@-webkit-keyframes shake-slow {
2% {
-webkit-transform:translate(6px, -6px) rotate(2.5deg);
transform:translate(6px, -6px) rotate(2.5deg)
}
4% {
-webkit-transform:translate(-5px, 1px) rotate(1.5deg);
transform:translate(-5px, 1px) rotate(1.5deg)
}
6% {
-webkit-transform:translate(7px, -3px) rotate(-2.5deg);
transform:translate(7px, -3px) rotate(-2.5deg)
}
8% {
-webkit-transform:translate(-7px, -5px) rotate(2.5deg);
transform:translate(-7px, -5px) rotate(2.5deg)
}
10% {
-webkit-transform:translate(-3px, 2px) rotate(-1.5deg);
transform:translate(-3px, 2px) rotate(-1.5deg)
}
12% {
-webkit-transform:translate(3px, 6px) rotate(3.5deg);
transform:translate(3px, 6px) rotate(3.5deg)
}
14% {
-webkit-transform:translate(-7px, 2px) rotate(-1.5deg);
transform:translate(-7px, 2px) rotate(-1.5deg)
}
16% {
-webkit-transform:translate(-6px, 6px) rotate(-2.5deg);
transform:translate(-6px, 6px) rotate(-2.5deg)
}
18% {
-webkit-transform:translate(6px, 0) rotate(1.5deg);
transform:translate(6px, 0) rotate(1.5deg)
}
20% {
-webkit-transform:translate(9px, 9px) rotate(2.5deg);
transform:translate(9px, 9px) rotate(2.5deg)
}
22% {
-webkit-transform:translate(7px, -9px) rotate(2.5deg);
transform:translate(7px, -9px) rotate(2.5deg)
}
24% {
-webkit-transform:translate(2px, 1px) rotate(0.5deg);
transform:translate(2px, 1px) rotate(0.5deg)
}
26% {
-webkit-transform:translate(10px, 4px) rotate(-.5deg);
transform:translate(10px, 4px) rotate(-.5deg)
}
28% {
-webkit-transform:translate(-9px, 3px) rotate(3.5deg);
transform:translate(-9px, 3px) rotate(3.5deg)
}
30% {
-webkit-transform:translate(10px, 5px) rotate(1.5deg);
transform:translate(10px, 5px) rotate(1.5deg)
}
32% {
-webkit-transform:translate(6px, 8px) rotate(-2.5deg);
transform:translate(6px, 8px) rotate(-2.5deg)
}
34% {
-webkit-transform:translate(9px, 9px) rotate(3.5deg);
transform:translate(9px, 9px) rotate(3.5deg)
}
36% {
-webkit-transform:translate(-5px, 0) rotate(-.5deg);
transform:translate(-5px, 0) rotate(-.5deg)
}
38% {
-webkit-transform:translate(-2px, -2px) rotate(0.5deg);
transform:translate(-2px, -2px) rotate(0.5deg)
}
40% {
-webkit-transform:translate(-3px, 8px) rotate(2.5deg);
transform:translate(-3px, 8px) rotate(2.5deg)
}
42% {
-webkit-transform:translate(-7px, 8px) rotate(3.5deg);
transform:translate(-7px, 8px) rotate(3.5deg)
}
44% {
-webkit-transform:translate(6px, -6px) rotate(0.5deg);
transform:translate(6px, -6px) rotate(0.5deg)
}
46% {
-webkit-transform:translate(1px, -2px) rotate(3.5deg);
transform:translate(1px, -2px) rotate(3.5deg)
}
48% {
-webkit-transform:translate(-5px, 7px) rotate(-2.5deg);
transform:translate(-5px, 7px) rotate(-2.5deg)
}
50% {
-webkit-transform:translate(-8px, 1px) rotate(2.5deg);
transform:translate(-8px, 1px) rotate(2.5deg)
}
52% {
-webkit-transform:translate(-9px, -2px) rotate(1.5deg);
transform:translate(-9px, -2px) rotate(1.5deg)
}
54% {
-webkit-transform:translate(4px, -9px) rotate(3.5deg);
transform:translate(4px, -9px) rotate(3.5deg)
}
56% {
-webkit-transform:translate(-6px, -1px) rotate(0.5deg);
transform:translate(-6px, -1px) rotate(0.5deg)
}
58% {
-webkit-transform:translate(-3px, -6px) rotate(-.5deg);
transform:translate(-3px, -6px) rotate(-.5deg)
}
60% {
-webkit-transform:translate(8px, 4px) rotate(-.5deg);
transform:translate(8px, 4px) rotate(-.5deg)
}
62% {
-webkit-transform:translate(0px, -9px) rotate(0.5deg);
transform:translate(0px, -9px) rotate(0.5deg)
}
64% {
-webkit-transform:translate(9px, -2px) rotate(3.5deg);
transform:translate(9px, -2px) rotate(3.5deg)
}
66% {
-webkit-transform:translate(-7px, 10px) rotate(3.5deg);
transform:translate(-7px, 10px) rotate(3.5deg)
}
68% {
-webkit-transform:translate(-7px, -9px) rotate(-1.5deg);
transform:translate(-7px, -9px) rotate(-1.5deg)
}
70% {
-webkit-transform:translate(9px, -2px) rotate(-2.5deg);
transform:translate(9px, -2px) rotate(-2.5deg)
}
72% {
-webkit-transform:translate(-4px, 0) rotate(2.5deg);
transform:translate(-4px, 0) rotate(2.5deg)
}
74% {
-webkit-transform:translate(1px, -2px) rotate(-1.5deg);
transform:translate(1px, -2px) rotate(-1.5deg)
}
76% {
-webkit-transform:translate(-8px, -5px) rotate(2.5deg);
transform:translate(-8px, -5px) rotate(2.5deg)
}
78% {
-webkit-transform:translate(-9px, 2px) rotate(1.5deg);
transform:translate(-9px, 2px) rotate(1.5deg)
}
80% {
-webkit-transform:translate(-4px, 1px) rotate(-1.5deg);
transform:translate(-4px, 1px) rotate(-1.5deg)
}
82% {
-webkit-transform:translate(-6px, 10px) rotate(2.5deg);
transform:translate(-6px, 10px) rotate(2.5deg)
}
84% {
-webkit-transform:translate(6px, -3px) rotate(-.5deg);
transform:translate(6px, -3px) rotate(-.5deg)
}
86% {
-webkit-transform:translate(-1px, -2px) rotate(1.5deg);
transform:translate(-1px, -2px) rotate(1.5deg)
}
88% {
-webkit-transform:translate(1px, 9px) rotate(1.5deg);
transform:translate(1px, 9px) rotate(1.5deg)
}
90% {
-webkit-transform:translate(3px, 9px) rotate(-.5deg);
transform:translate(3px, 9px) rotate(-.5deg)
}
92% {
-webkit-transform:translate(-3px, -1px) rotate(0.5deg);
transform:translate(-3px, -1px) rotate(0.5deg)
}
94% {
-webkit-transform:translate(-7px, 4px) rotate(1.5deg);
transform:translate(-7px, 4px) rotate(1.5deg)
}
96% {
-webkit-transform:translate(6px, 1px) rotate(0.5deg);
transform:translate(6px, 1px) rotate(0.5deg)
}
98% {
-webkit-transform:translate(-8px, 2px) rotate(-.5deg);
transform:translate(-8px, 2px) rotate(-.5deg)
}
0%, 100% {
-webkit-transform:translate(0, 0) rotate(0);
transform:translate(0, 0) rotate(0)
}
}
@-moz-keyframes shake-slow {
2% {
-moz-transform:translate(6px, -6px) rotate(2.5deg);
transform:translate(6px, -6px) rotate(2.5deg)
}
4% {
-moz-transform:translate(-5px, 1px) rotate(1.5deg);
transform:translate(-5px, 1px) rotate(1.5deg)
}
6% {
-moz-transform:translate(7px, -3px) rotate(-2.5deg);
transform:translate(7px, -3px) rotate(-2.5deg)
}
8% {
-moz-transform:translate(-7px, -5px) rotate(2.5deg);
transform:translate(-7px, -5px) rotate(2.5deg)
}
10% {
-moz-transform:translate(-3px, 2px) rotate(-1.5deg);
transform:translate(-3px, 2px) rotate(-1.5deg)
}
12% {
-moz-transform:translate(3px, 6px) rotate(3.5deg);
transform:translate(3px, 6px) rotate(3.5deg)
}
14% {
-moz-transform:translate(-7px, 2px) rotate(-1.5deg);
transform:translate(-7px, 2px) rotate(-1.5deg)
}
16% {
-moz-transform:translate(-6px, 6px) rotate(-2.5deg);
transform:translate(-6px, 6px) rotate(-2.5deg)
}
18% {
-moz-transform:translate(6px, 0) rotate(1.5deg);
transform:translate(6px, 0) rotate(1.5deg)
}
20% {
-moz-transform:translate(9px, 9px) rotate(2.5deg);
transform:translate(9px, 9px) rotate(2.5deg)
}
22% {
-moz-transform:translate(7px, -9px) rotate(2.5deg);
transform:translate(7px, -9px) rotate(2.5deg)
}
24% {
-moz-transform:translate(2px, 1px) rotate(0.5deg);
transform:translate(2px, 1px) rotate(0.5deg)
}
26% {
-moz-transform:translate(10px, 4px) rotate(-.5deg);
transform:translate(10px, 4px) rotate(-.5deg)
}
28% {
-moz-transform:translate(-9px, 3px) rotate(3.5deg);
transform:translate(-9px, 3px) rotate(3.5deg)
}
30% {
-moz-transform:translate(10px, 5px) rotate(1.5deg);
transform:translate(10px, 5px) rotate(1.5deg)
}
32% {
-moz-transform:translate(6px, 8px) rotate(-2.5deg);
transform:translate(6px, 8px) rotate(-2.5deg)
}
34% {
-moz-transform:translate(9px, 9px) rotate(3.5deg);
transform:translate(9px, 9px) rotate(3.5deg)
}
36% {
-moz-transform:translate(-5px, 0) rotate(-.5deg);
transform:translate(-5px, 0) rotate(-.5deg)
}
38% {
-moz-transform:translate(-2px, -2px) rotate(0.5deg);
transform:translate(-2px, -2px) rotate(0.5deg)
}
40% {
-moz-transform:translate(-3px, 8px) rotate(2.5deg);
transform:translate(-3px, 8px) rotate(2.5deg)
}
42% {
-moz-transform:translate(-7px, 8px) rotate(3.5deg);
transform:translate(-7px, 8px) rotate(3.5deg)
}
44% {
-moz-transform:translate(6px, -6px) rotate(0.5deg);
transform:translate(6px, -6px) rotate(0.5deg)
}
46% {
-moz-transform:translate(1px, -2px) rotate(3.5deg);
transform:translate(1px, -2px) rotate(3.5deg)
}
48% {
-moz-transform:translate(-5px, 7px) rotate(-2.5deg);
transform:translate(-5px, 7px) rotate(-2.5deg)
}
50% {
-moz-transform:translate(-8px, 1px) rotate(2.5deg);
transform:translate(-8px, 1px) rotate(2.5deg)
}
52% {
-moz-transform:translate(-9px, -2px) rotate(1.5deg);
transform:translate(-9px, -2px) rotate(1.5deg)
}
54% {
-moz-transform:translate(4px, -9px) rotate(3.5deg);
transform:translate(4px, -9px) rotate(3.5deg)
}
56% {
-moz-transform:translate(-6px, -1px) rotate(0.5deg);
transform:translate(-6px, -1px) rotate(0.5deg)
}
58% {
-moz-transform:translate(-3px, -6px) rotate(-.5deg);
transform:translate(-3px, -6px) rotate(-.5deg)
}
60% {
-moz-transform:translate(8px, 4px) rotate(-.5deg);
transform:translate(8px, 4px) rotate(-.5deg)
}
62% {
-moz-transform:translate(0px, -9px) rotate(0.5deg);
transform:translate(0px, -9px) rotate(0.5deg)
}
64% {
-moz-transform:translate(9px, -2px) rotate(3.5deg);
transform:translate(9px, -2px) rotate(3.5deg)
}
66% {
-moz-transform:translate(-7px, 10px) rotate(3.5deg);
transform:translate(-7px, 10px) rotate(3.5deg)
}
68% {
-moz-transform:translate(-7px, -9px) rotate(-1.5deg);
transform:translate(-7px, -9px) rotate(-1.5deg)
}
70% {
-moz-transform:translate(9px, -2px) rotate(-2.5deg);
transform:translate(9px, -2px) rotate(-2.5deg)
}
72% {
-moz-transform:translate(-4px, 0) rotate(2.5deg);
transform:translate(-4px, 0) rotate(2.5deg)
}
74% {
-moz-transform:translate(1px, -2px) rotate(-1.5deg);
transform:translate(1px, -2px) rotate(-1.5deg)
}
76% {
-moz-transform:translate(-8px, -5px) rotate(2.5deg);
transform:translate(-8px, -5px) rotate(2.5deg)
}
78% {
-moz-transform:translate(-9px, 2px) rotate(1.5deg);
transform:translate(-9px, 2px) rotate(1.5deg)
}
80% {
-moz-transform:translate(-4px, 1px) rotate(-1.5deg);
transform:translate(-4px, 1px) rotate(-1.5deg)
}
82% {
-moz-transform:translate(-6px, 10px) rotate(2.5deg);
transform:translate(-6px, 10px) rotate(2.5deg)
}
84% {
-moz-transform:translate(6px, -3px) rotate(-.5deg);
transform:translate(6px, -3px) rotate(-.5deg)
}
86% {
-moz-transform:translate(-1px, -2px) rotate(1.5deg);
transform:translate(-1px, -2px) rotate(1.5deg)
}
88% {
-moz-transform:translate(1px, 9px) rotate(1.5deg);
transform:translate(1px, 9px) rotate(1.5deg)
}
90% {
-moz-transform:translate(3px, 9px) rotate(-.5deg);
transform:translate(3px, 9px) rotate(-.5deg)
}
92% {
-moz-transform:translate(-3px, -1px) rotate(0.5deg);
transform:translate(-3px, -1px) rotate(0.5deg)
}
94% {
-moz-transform:translate(-7px, 4px) rotate(1.5deg);
transform:translate(-7px, 4px) rotate(1.5deg)
}
96% {
-moz-transform:translate(6px, 1px) rotate(0.5deg);
transform:translate(6px, 1px) rotate(0.5deg)
}
98% {
-moz-transform:translate(-8px, 2px) rotate(-.5deg);
transform:translate(-8px, 2px) rotate(-.5deg)
}
0%, 100% {
-moz-transform:translate(0, 0) rotate(0);
transform:translate(0, 0) rotate(0)
}
}
@keyframes shake-slow {
2% {
-webkit-transform:translate(6px, -6px) rotate(2.5deg);
-moz-transform:translate(6px, -6px) rotate(2.5deg);
transform:translate(6px, -6px) rotate(2.5deg)
}
4% {
-webkit-transform:translate(-5px, 1px) rotate(1.5deg);
-moz-transform:translate(-5px, 1px) rotate(1.5deg);
transform:translate(-5px, 1px) rotate(1.5deg)
}
6% {
-webkit-transform:translate(7px, -3px) rotate(-2.5deg);
-moz-transform:translate(7px, -3px) rotate(-2.5deg);
transform:translate(7px, -3px) rotate(-2.5deg)
}
8% {
-webkit-transform:translate(-7px, -5px) rotate(2.5deg);
-moz-transform:translate(-7px, -5px) rotate(2.5deg);
transform:translate(-7px, -5px) rotate(2.5deg)
}
10% {
-webkit-transform:translate(-3px, 2px) rotate(-1.5deg);
-moz-transform:translate(-3px, 2px) rotate(-1.5deg);
transform:translate(-3px, 2px) rotate(-1.5deg)
}
12% {
-webkit-transform:translate(3px, 6px) rotate(3.5deg);
-moz-transform:translate(3px, 6px) rotate(3.5deg);
transform:translate(3px, 6px) rotate(3.5deg)
}
14% {
-webkit-transform:translate(-7px, 2px) rotate(-1.5deg);
-moz-transform:translate(-7px, 2px) rotate(-1.5deg);
transform:translate(-7px, 2px) rotate(-1.5deg)
}
16% {
-webkit-transform:translate(-6px, 6px) rotate(-2.5deg);
-moz-transform:translate(-6px, 6px) rotate(-2.5deg);
transform:translate(-6px, 6px) rotate(-2.5deg)
}
18% {
-webkit-transform:translate(6px, 0) rotate(1.5deg);
-moz-transform:translate(6px, 0) rotate(1.5deg);
transform:translate(6px, 0) rotate(1.5deg)
}
20% {
-webkit-transform:translate(9px, 9px) rotate(2.5deg);
-moz-transform:translate(9px, 9px) rotate(2.5deg);
transform:translate(9px, 9px) rotate(2.5deg)
}
22% {
-webkit-transform:translate(7px, -9px) rotate(2.5deg);
-moz-transform:translate(7px, -9px) rotate(2.5deg);
transform:translate(7px, -9px) rotate(2.5deg)
}
24% {
-webkit-transform:translate(2px, 1px) rotate(0.5deg);
-moz-transform:translate(2px, 1px) rotate(0.5deg);
transform:translate(2px, 1px) rotate(0.5deg)
}
26% {
-webkit-transform:translate(10px, 4px) rotate(-.5deg);
-moz-transform:translate(10px, 4px) rotate(-.5deg);
transform:translate(10px, 4px) rotate(-.5deg)
}
28% {
-webkit-transform:translate(-9px, 3px) rotate(3.5deg);
-moz-transform:translate(-9px, 3px) rotate(3.5deg);
transform:translate(-9px, 3px) rotate(3.5deg)
}
30% {
-webkit-transform:translate(10px, 5px) rotate(1.5deg);
-moz-transform:translate(10px, 5px) rotate(1.5deg);
transform:translate(10px, 5px) rotate(1.5deg)
}
32% {
-webkit-transform:translate(6px, 8px) rotate(-2.5deg);
-moz-transform:translate(6px, 8px) rotate(-2.5deg);
transform:translate(6px, 8px) rotate(-2.5deg)
}
34% {
-webkit-transform:translate(9px, 9px) rotate(3.5deg);
-moz-transform:translate(9px, 9px) rotate(3.5deg);
transform:translate(9px, 9px) rotate(3.5deg)
}
36% {
-webkit-transform:translate(-5px, 0) rotate(-.5deg);
-moz-transform:translate(-5px, 0) rotate(-.5deg);
transform:translate(-5px, 0) rotate(-.5deg)
}
38% {
-webkit-transform:translate(-2px, -2px) rotate(0.5deg);
-moz-transform:translate(-2px, -2px) rotate(0.5deg);
transform:translate(-2px, -2px) rotate(0.5deg)
}
40% {
-webkit-transform:translate(-3px, 8px) rotate(2.5deg);
-moz-transform:translate(-3px, 8px) rotate(2.5deg);
transform:translate(-3px, 8px) rotate(2.5deg)
}
42% {
-webkit-transform:translate(-7px, 8px) rotate(3.5deg);
-moz-transform:translate(-7px, 8px) rotate(3.5deg);
transform:translate(-7px, 8px) rotate(3.5deg)
}
44% {
-webkit-transform:translate(6px, -6px) rotate(0.5deg);
-moz-transform:translate(6px, -6px) rotate(0.5deg);
transform:translate(6px, -6px) rotate(0.5deg)
}
46% {
-webkit-transform:translate(1px, -2px) rotate(3.5deg);
-moz-transform:translate(1px, -2px) rotate(3.5deg);
transform:translate(1px, -2px) rotate(3.5deg)
}
48% {
-webkit-transform:translate(-5px, 7px) rotate(-2.5deg);
-moz-transform:translate(-5px, 7px) rotate(-2.5deg);
transform:translate(-5px, 7px) rotate(-2.5deg)
}
50% {
-webkit-transform:translate(-8px, 1px) rotate(2.5deg);
-moz-transform:translate(-8px, 1px) rotate(2.5deg);
transform:translate(-8px, 1px) rotate(2.5deg)
}
52% {
-webkit-transform:translate(-9px, -2px) rotate(1.5deg);
-moz-transform:translate(-9px, -2px) rotate(1.5deg);
transform:translate(-9px, -2px) rotate(1.5deg)
}
54% {
-webkit-transform:translate(4px, -9px) rotate(3.5deg);
-moz-transform:translate(4px, -9px) rotate(3.5deg);
transform:translate(4px, -9px) rotate(3.5deg)
}
56% {
-webkit-transform:translate(-6px, -1px) rotate(0.5deg);
-moz-transform:translate(-6px, -1px) rotate(0.5deg);
transform:translate(-6px, -1px) rotate(0.5deg)
}
58% {
-webkit-transform:translate(-3px, -6px) rotate(-.5deg);
-moz-transform:translate(-3px, -6px) rotate(-.5deg);
transform:translate(-3px, -6px) rotate(-.5deg)
}
60% {
-webkit-transform:translate(8px, 4px) rotate(-.5deg);
-moz-transform:translate(8px, 4px) rotate(-.5deg);
transform:translate(8px, 4px) rotate(-.5deg)
}
62% {
-webkit-transform:translate(0px, -9px) rotate(0.5deg);
-moz-transform:translate(0px, -9px) rotate(0.5deg);
transform:translate(0px, -9px) rotate(0.5deg)
}
64% {
-webkit-transform:translate(9px, -2px) rotate(3.5deg);
-moz-transform:translate(9px, -2px) rotate(3.5deg);
transform:translate(9px, -2px) rotate(3.5deg)
}
66% {
-webkit-transform:translate(-7px, 10px) rotate(3.5deg);
-moz-transform:translate(-7px, 10px) rotate(3.5deg);
transform:translate(-7px, 10px) rotate(3.5deg)
}
68% {
-webkit-transform:translate(-7px, -9px) rotate(-1.5deg);
-moz-transform:translate(-7px, -9px) rotate(-1.5deg);
transform:translate(-7px, -9px) rotate(-1.5deg)
}
70% {
-webkit-transform:translate(9px, -2px) rotate(-2.5deg);
-moz-transform:translate(9px, -2px) rotate(-2.5deg);
transform:translate(9px, -2px) rotate(-2.5deg)
}
72% {
-webkit-transform:translate(-4px, 0) rotate(2.5deg);
-moz-transform:translate(-4px, 0) rotate(2.5deg);
transform:translate(-4px, 0) rotate(2.5deg)
}
74% {
-webkit-transform:translate(1px, -2px) rotate(-1.5deg);
-moz-transform:translate(1px, -2px) rotate(-1.5deg);
transform:translate(1px, -2px) rotate(-1.5deg)
}
76% {
-webkit-transform:translate(-8px, -5px) rotate(2.5deg);
-moz-transform:translate(-8px, -5px) rotate(2.5deg);
transform:translate(-8px, -5px) rotate(2.5deg)
}
78% {
-webkit-transform:translate(-9px, 2px) rotate(1.5deg);
-moz-transform:translate(-9px, 2px) rotate(1.5deg);
transform:translate(-9px, 2px) rotate(1.5deg)
}
80% {
-webkit-transform:translate(-4px, 1px) rotate(-1.5deg);
-moz-transform:translate(-4px, 1px) rotate(-1.5deg);
transform:translate(-4px, 1px) rotate(-1.5deg)
}
82% {
-webkit-transform:translate(-6px, 10px) rotate(2.5deg);
-moz-transform:translate(-6px, 10px) rotate(2.5deg);
transform:translate(-6px, 10px) rotate(2.5deg)
}
84% {
-webkit-transform:translate(6px, -3px) rotate(-.5deg);
-moz-transform:translate(6px, -3px) rotate(-.5deg);
transform:translate(6px, -3px) rotate(-.5deg)
}
86% {
-webkit-transform:translate(-1px, -2px) rotate(1.5deg);
-moz-transform:translate(-1px, -2px) rotate(1.5deg);
transform:translate(-1px, -2px) rotate(1.5deg)
}
88% {
-webkit-transform:translate(1px, 9px) rotate(1.5deg);
-moz-transform:translate(1px, 9px) rotate(1.5deg);
transform:translate(1px, 9px) rotate(1.5deg)
}
90% {
-webkit-transform:translate(3px, 9px) rotate(-.5deg);
-moz-transform:translate(3px, 9px) rotate(-.5deg);
transform:translate(3px, 9px) rotate(-.5deg)
}
92% {
-webkit-transform:translate(-3px, -1px) rotate(0.5deg);
-moz-transform:translate(-3px, -1px) rotate(0.5deg);
transform:translate(-3px, -1px) rotate(0.5deg)
}
94% {
-webkit-transform:translate(-7px, 4px) rotate(1.5deg);
-moz-transform:translate(-7px, 4px) rotate(1.5deg);
transform:translate(-7px, 4px) rotate(1.5deg)
}
96% {
-webkit-transform:translate(6px, 1px) rotate(0.5deg);
-moz-transform:translate(6px, 1px) rotate(0.5deg);
transform:translate(6px, 1px) rotate(0.5deg)
}
98% {
-webkit-transform:translate(-8px, 2px) rotate(-.5deg);
-moz-transform:translate(-8px, 2px) rotate(-.5deg);
transform:translate(-8px, 2px) rotate(-.5deg)
}
0%, 100% {
-webkit-transform:translate(0, 0) rotate(0);
-moz-transform:translate(0, 0) rotate(0);
transform:translate(0, 0) rotate(0)
}
}
.shake-slow:hover, .shake-trigger:hover .shake-slow, .shake-slow.shake-freeze, .shake-slow.shake-constant {
	-webkit-animation-name: shake-slow;
	-moz-animation-name: shake-slow;
	animation-name: shake-slow;
	-webkit-animation-duration: 5s;
	-moz-animation-duration: 5s;
	animation-duration: 5s;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
@-webkit-keyframes shake-hard {
2% {
-webkit-transform:translate(-3px, 3px) rotate(-2.5deg);
transform:translate(-3px, 3px) rotate(-2.5deg)
}
4% {
-webkit-transform:translate(-3px, -2px) rotate(-1.5deg);
transform:translate(-3px, -2px) rotate(-1.5deg)
}
6% {
-webkit-transform:translate(-9px, 4px) rotate(-1.5deg);
transform:translate(-9px, 4px) rotate(-1.5deg)
}
8% {
-webkit-transform:translate(9px, 8px) rotate(2.5deg);
transform:translate(9px, 8px) rotate(2.5deg)
}
10% {
-webkit-transform:translate(2px, 7px) rotate(0.5deg);
transform:translate(2px, 7px) rotate(0.5deg)
}
12% {
-webkit-transform:translate(3px, -5px) rotate(0.5deg);
transform:translate(3px, -5px) rotate(0.5deg)
}
14% {
-webkit-transform:translate(5px, 8px) rotate(1.5deg);
transform:translate(5px, 8px) rotate(1.5deg)
}
16% {
-webkit-transform:translate(8px, -2px) rotate(-2.5deg);
transform:translate(8px, -2px) rotate(-2.5deg)
}
18% {
-webkit-transform:translate(-2px, 1px) rotate(-.5deg);
transform:translate(-2px, 1px) rotate(-.5deg)
}
20% {
-webkit-transform:translate(-4px, 10px) rotate(-.5deg);
transform:translate(-4px, 10px) rotate(-.5deg)
}
22% {
-webkit-transform:translate(7px, 2px) rotate(2.5deg);
transform:translate(7px, 2px) rotate(2.5deg)
}
24% {
-webkit-transform:translate(8px, 0) rotate(3.5deg);
transform:translate(8px, 0) rotate(3.5deg)
}
26% {
-webkit-transform:translate(-7px, -8px) rotate(3.5deg);
transform:translate(-7px, -8px) rotate(3.5deg)
}
28% {
-webkit-transform:translate(-5px, 10px) rotate(1.5deg);
transform:translate(-5px, 10px) rotate(1.5deg)
}
30% {
-webkit-transform:translate(1px, 2px) rotate(-.5deg);
transform:translate(1px, 2px) rotate(-.5deg)
}
32% {
-webkit-transform:translate(4px, 4px) rotate(-1.5deg);
transform:translate(4px, 4px) rotate(-1.5deg)
}
34% {
-webkit-transform:translate(8px, -3px) rotate(-1.5deg);
transform:translate(8px, -3px) rotate(-1.5deg)
}
36% {
-webkit-transform:translate(8px, 9px) rotate(-2.5deg);
transform:translate(8px, 9px) rotate(-2.5deg)
}
38% {
-webkit-transform:translate(-4px, 10px) rotate(2.5deg);
transform:translate(-4px, 10px) rotate(2.5deg)
}
40% {
-webkit-transform:translate(5px, 2px) rotate(0.5deg);
transform:translate(5px, 2px) rotate(0.5deg)
}
42% {
-webkit-transform:translate(2px, 7px) rotate(2.5deg);
transform:translate(2px, 7px) rotate(2.5deg)
}
44% {
-webkit-transform:translate(7px, 5px) rotate(0.5deg);
transform:translate(7px, 5px) rotate(0.5deg)
}
46% {
-webkit-transform:translate(-5px, 0) rotate(3.5deg);
transform:translate(-5px, 0) rotate(3.5deg)
}
48% {
-webkit-transform:translate(-2px, -7px) rotate(-.5deg);
transform:translate(-2px, -7px) rotate(-.5deg)
}
50% {
-webkit-transform:translate(-1px, -5px) rotate(0.5deg);
transform:translate(-1px, -5px) rotate(0.5deg)
}
52% {
-webkit-transform:translate(-4px, 8px) rotate(-.5deg);
transform:translate(-4px, 8px) rotate(-.5deg)
}
54% {
-webkit-transform:translate(8px, -3px) rotate(3.5deg);
transform:translate(8px, -3px) rotate(3.5deg)
}
56% {
-webkit-transform:translate(-1px, -8px) rotate(2.5deg);
transform:translate(-1px, -8px) rotate(2.5deg)
}
58% {
-webkit-transform:translate(6px, 6px) rotate(3.5deg);
transform:translate(6px, 6px) rotate(3.5deg)
}
60% {
-webkit-transform:translate(0px, 4px) rotate(-.5deg);
transform:translate(0px, 4px) rotate(-.5deg)
}
62% {
-webkit-transform:translate(2px, -7px) rotate(0.5deg);
transform:translate(2px, -7px) rotate(0.5deg)
}
64% {
-webkit-transform:translate(0px, 6px) rotate(2.5deg);
transform:translate(0px, 6px) rotate(2.5deg)
}
66% {
-webkit-transform:translate(5px, 0) rotate(-.5deg);
transform:translate(5px, 0) rotate(-.5deg)
}
68% {
-webkit-transform:translate(0px, 3px) rotate(3.5deg);
transform:translate(0px, 3px) rotate(3.5deg)
}
70% {
-webkit-transform:translate(7px, -5px) rotate(-1.5deg);
transform:translate(7px, -5px) rotate(-1.5deg)
}
72% {
-webkit-transform:translate(6px, -7px) rotate(3.5deg);
transform:translate(6px, -7px) rotate(3.5deg)
}
74% {
-webkit-transform:translate(1px, -5px) rotate(-2.5deg);
transform:translate(1px, -5px) rotate(-2.5deg)
}
76% {
-webkit-transform:translate(-7px, 2px) rotate(-.5deg);
transform:translate(-7px, 2px) rotate(-.5deg)
}
78% {
-webkit-transform:translate(-8px, 1px) rotate(1.5deg);
transform:translate(-8px, 1px) rotate(1.5deg)
}
80% {
-webkit-transform:translate(1px, 5px) rotate(1.5deg);
transform:translate(1px, 5px) rotate(1.5deg)
}
82% {
-webkit-transform:translate(-4px, -5px) rotate(-1.5deg);
transform:translate(-4px, -5px) rotate(-1.5deg)
}
84% {
-webkit-transform:translate(3px, -2px) rotate(3.5deg);
transform:translate(3px, -2px) rotate(3.5deg)
}
86% {
-webkit-transform:translate(-6px, -5px) rotate(1.5deg);
transform:translate(-6px, -5px) rotate(1.5deg)
}
88% {
-webkit-transform:translate(-7px, -1px) rotate(-2.5deg);
transform:translate(-7px, -1px) rotate(-2.5deg)
}
90% {
-webkit-transform:translate(10px, 2px) rotate(-2.5deg);
transform:translate(10px, 2px) rotate(-2.5deg)
}
92% {
-webkit-transform:translate(10px, -3px) rotate(1.5deg);
transform:translate(10px, -3px) rotate(1.5deg)
}
94% {
-webkit-transform:translate(4px, -6px) rotate(3.5deg);
transform:translate(4px, -6px) rotate(3.5deg)
}
96% {
-webkit-transform:translate(9px, 7px) rotate(-1.5deg);
transform:translate(9px, 7px) rotate(-1.5deg)
}
98% {
-webkit-transform:translate(2px, 1px) rotate(-.5deg);
transform:translate(2px, 1px) rotate(-.5deg)
}
0%, 100% {
-webkit-transform:translate(0, 0) rotate(0);
transform:translate(0, 0) rotate(0)
}
}
@-moz-keyframes shake-hard {
2% {
-moz-transform:translate(-3px, 3px) rotate(-2.5deg);
transform:translate(-3px, 3px) rotate(-2.5deg)
}
4% {
-moz-transform:translate(-3px, -2px) rotate(-1.5deg);
transform:translate(-3px, -2px) rotate(-1.5deg)
}
6% {
-moz-transform:translate(-9px, 4px) rotate(-1.5deg);
transform:translate(-9px, 4px) rotate(-1.5deg)
}
8% {
-moz-transform:translate(9px, 8px) rotate(2.5deg);
transform:translate(9px, 8px) rotate(2.5deg)
}
10% {
-moz-transform:translate(2px, 7px) rotate(0.5deg);
transform:translate(2px, 7px) rotate(0.5deg)
}
12% {
-moz-transform:translate(3px, -5px) rotate(0.5deg);
transform:translate(3px, -5px) rotate(0.5deg)
}
14% {
-moz-transform:translate(5px, 8px) rotate(1.5deg);
transform:translate(5px, 8px) rotate(1.5deg)
}
16% {
-moz-transform:translate(8px, -2px) rotate(-2.5deg);
transform:translate(8px, -2px) rotate(-2.5deg)
}
18% {
-moz-transform:translate(-2px, 1px) rotate(-.5deg);
transform:translate(-2px, 1px) rotate(-.5deg)
}
20% {
-moz-transform:translate(-4px, 10px) rotate(-.5deg);
transform:translate(-4px, 10px) rotate(-.5deg)
}
22% {
-moz-transform:translate(7px, 2px) rotate(2.5deg);
transform:translate(7px, 2px) rotate(2.5deg)
}
24% {
-moz-transform:translate(8px, 0) rotate(3.5deg);
transform:translate(8px, 0) rotate(3.5deg)
}
26% {
-moz-transform:translate(-7px, -8px) rotate(3.5deg);
transform:translate(-7px, -8px) rotate(3.5deg)
}
28% {
-moz-transform:translate(-5px, 10px) rotate(1.5deg);
transform:translate(-5px, 10px) rotate(1.5deg)
}
30% {
-moz-transform:translate(1px, 2px) rotate(-.5deg);
transform:translate(1px, 2px) rotate(-.5deg)
}
32% {
-moz-transform:translate(4px, 4px) rotate(-1.5deg);
transform:translate(4px, 4px) rotate(-1.5deg)
}
34% {
-moz-transform:translate(8px, -3px) rotate(-1.5deg);
transform:translate(8px, -3px) rotate(-1.5deg)
}
36% {
-moz-transform:translate(8px, 9px) rotate(-2.5deg);
transform:translate(8px, 9px) rotate(-2.5deg)
}
38% {
-moz-transform:translate(-4px, 10px) rotate(2.5deg);
transform:translate(-4px, 10px) rotate(2.5deg)
}
40% {
-moz-transform:translate(5px, 2px) rotate(0.5deg);
transform:translate(5px, 2px) rotate(0.5deg)
}
42% {
-moz-transform:translate(2px, 7px) rotate(2.5deg);
transform:translate(2px, 7px) rotate(2.5deg)
}
44% {
-moz-transform:translate(7px, 5px) rotate(0.5deg);
transform:translate(7px, 5px) rotate(0.5deg)
}
46% {
-moz-transform:translate(-5px, 0) rotate(3.5deg);
transform:translate(-5px, 0) rotate(3.5deg)
}
48% {
-moz-transform:translate(-2px, -7px) rotate(-.5deg);
transform:translate(-2px, -7px) rotate(-.5deg)
}
50% {
-moz-transform:translate(-1px, -5px) rotate(0.5deg);
transform:translate(-1px, -5px) rotate(0.5deg)
}
52% {
-moz-transform:translate(-4px, 8px) rotate(-.5deg);
transform:translate(-4px, 8px) rotate(-.5deg)
}
54% {
-moz-transform:translate(8px, -3px) rotate(3.5deg);
transform:translate(8px, -3px) rotate(3.5deg)
}
56% {
-moz-transform:translate(-1px, -8px) rotate(2.5deg);
transform:translate(-1px, -8px) rotate(2.5deg)
}
58% {
-moz-transform:translate(6px, 6px) rotate(3.5deg);
transform:translate(6px, 6px) rotate(3.5deg)
}
60% {
-moz-transform:translate(0px, 4px) rotate(-.5deg);
transform:translate(0px, 4px) rotate(-.5deg)
}
62% {
-moz-transform:translate(2px, -7px) rotate(0.5deg);
transform:translate(2px, -7px) rotate(0.5deg)
}
64% {
-moz-transform:translate(0px, 6px) rotate(2.5deg);
transform:translate(0px, 6px) rotate(2.5deg)
}
66% {
-moz-transform:translate(5px, 0) rotate(-.5deg);
transform:translate(5px, 0) rotate(-.5deg)
}
68% {
-moz-transform:translate(0px, 3px) rotate(3.5deg);
transform:translate(0px, 3px) rotate(3.5deg)
}
70% {
-moz-transform:translate(7px, -5px) rotate(-1.5deg);
transform:translate(7px, -5px) rotate(-1.5deg)
}
72% {
-moz-transform:translate(6px, -7px) rotate(3.5deg);
transform:translate(6px, -7px) rotate(3.5deg)
}
74% {
-moz-transform:translate(1px, -5px) rotate(-2.5deg);
transform:translate(1px, -5px) rotate(-2.5deg)
}
76% {
-moz-transform:translate(-7px, 2px) rotate(-.5deg);
transform:translate(-7px, 2px) rotate(-.5deg)
}
78% {
-moz-transform:translate(-8px, 1px) rotate(1.5deg);
transform:translate(-8px, 1px) rotate(1.5deg)
}
80% {
-moz-transform:translate(1px, 5px) rotate(1.5deg);
transform:translate(1px, 5px) rotate(1.5deg)
}
82% {
-moz-transform:translate(-4px, -5px) rotate(-1.5deg);
transform:translate(-4px, -5px) rotate(-1.5deg)
}
84% {
-moz-transform:translate(3px, -2px) rotate(3.5deg);
transform:translate(3px, -2px) rotate(3.5deg)
}
86% {
-moz-transform:translate(-6px, -5px) rotate(1.5deg);
transform:translate(-6px, -5px) rotate(1.5deg)
}
88% {
-moz-transform:translate(-7px, -1px) rotate(-2.5deg);
transform:translate(-7px, -1px) rotate(-2.5deg)
}
90% {
-moz-transform:translate(10px, 2px) rotate(-2.5deg);
transform:translate(10px, 2px) rotate(-2.5deg)
}
92% {
-moz-transform:translate(10px, -3px) rotate(1.5deg);
transform:translate(10px, -3px) rotate(1.5deg)
}
94% {
-moz-transform:translate(4px, -6px) rotate(3.5deg);
transform:translate(4px, -6px) rotate(3.5deg)
}
96% {
-moz-transform:translate(9px, 7px) rotate(-1.5deg);
transform:translate(9px, 7px) rotate(-1.5deg)
}
98% {
-moz-transform:translate(2px, 1px) rotate(-.5deg);
transform:translate(2px, 1px) rotate(-.5deg)
}
0%, 100% {
-moz-transform:translate(0, 0) rotate(0);
transform:translate(0, 0) rotate(0)
}
}
@keyframes shake-hard {
2% {
-webkit-transform:translate(-3px, 3px) rotate(-2.5deg);
-moz-transform:translate(-3px, 3px) rotate(-2.5deg);
transform:translate(-3px, 3px) rotate(-2.5deg)
}
4% {
-webkit-transform:translate(-3px, -2px) rotate(-1.5deg);
-moz-transform:translate(-3px, -2px) rotate(-1.5deg);
transform:translate(-3px, -2px) rotate(-1.5deg)
}
6% {
-webkit-transform:translate(-9px, 4px) rotate(-1.5deg);
-moz-transform:translate(-9px, 4px) rotate(-1.5deg);
transform:translate(-9px, 4px) rotate(-1.5deg)
}
8% {
-webkit-transform:translate(9px, 8px) rotate(2.5deg);
-moz-transform:translate(9px, 8px) rotate(2.5deg);
transform:translate(9px, 8px) rotate(2.5deg)
}
10% {
-webkit-transform:translate(2px, 7px) rotate(0.5deg);
-moz-transform:translate(2px, 7px) rotate(0.5deg);
transform:translate(2px, 7px) rotate(0.5deg)
}
12% {
-webkit-transform:translate(3px, -5px) rotate(0.5deg);
-moz-transform:translate(3px, -5px) rotate(0.5deg);
transform:translate(3px, -5px) rotate(0.5deg)
}
14% {
-webkit-transform:translate(5px, 8px) rotate(1.5deg);
-moz-transform:translate(5px, 8px) rotate(1.5deg);
transform:translate(5px, 8px) rotate(1.5deg)
}
16% {
-webkit-transform:translate(8px, -2px) rotate(-2.5deg);
-moz-transform:translate(8px, -2px) rotate(-2.5deg);
transform:translate(8px, -2px) rotate(-2.5deg)
}
18% {
-webkit-transform:translate(-2px, 1px) rotate(-.5deg);
-moz-transform:translate(-2px, 1px) rotate(-.5deg);
transform:translate(-2px, 1px) rotate(-.5deg)
}
20% {
-webkit-transform:translate(-4px, 10px) rotate(-.5deg);
-moz-transform:translate(-4px, 10px) rotate(-.5deg);
transform:translate(-4px, 10px) rotate(-.5deg)
}
22% {
-webkit-transform:translate(7px, 2px) rotate(2.5deg);
-moz-transform:translate(7px, 2px) rotate(2.5deg);
transform:translate(7px, 2px) rotate(2.5deg)
}
24% {
-webkit-transform:translate(8px, 0) rotate(3.5deg);
-moz-transform:translate(8px, 0) rotate(3.5deg);
transform:translate(8px, 0) rotate(3.5deg)
}
26% {
-webkit-transform:translate(-7px, -8px) rotate(3.5deg);
-moz-transform:translate(-7px, -8px) rotate(3.5deg);
transform:translate(-7px, -8px) rotate(3.5deg)
}
28% {
-webkit-transform:translate(-5px, 10px) rotate(1.5deg);
-moz-transform:translate(-5px, 10px) rotate(1.5deg);
transform:translate(-5px, 10px) rotate(1.5deg)
}
30% {
-webkit-transform:translate(1px, 2px) rotate(-.5deg);
-moz-transform:translate(1px, 2px) rotate(-.5deg);
transform:translate(1px, 2px) rotate(-.5deg)
}
32% {
-webkit-transform:translate(4px, 4px) rotate(-1.5deg);
-moz-transform:translate(4px, 4px) rotate(-1.5deg);
transform:translate(4px, 4px) rotate(-1.5deg)
}
34% {
-webkit-transform:translate(8px, -3px) rotate(-1.5deg);
-moz-transform:translate(8px, -3px) rotate(-1.5deg);
transform:translate(8px, -3px) rotate(-1.5deg)
}
36% {
-webkit-transform:translate(8px, 9px) rotate(-2.5deg);
-moz-transform:translate(8px, 9px) rotate(-2.5deg);
transform:translate(8px, 9px) rotate(-2.5deg)
}
38% {
-webkit-transform:translate(-4px, 10px) rotate(2.5deg);
-moz-transform:translate(-4px, 10px) rotate(2.5deg);
transform:translate(-4px, 10px) rotate(2.5deg)
}
40% {
-webkit-transform:translate(5px, 2px) rotate(0.5deg);
-moz-transform:translate(5px, 2px) rotate(0.5deg);
transform:translate(5px, 2px) rotate(0.5deg)
}
42% {
-webkit-transform:translate(2px, 7px) rotate(2.5deg);
-moz-transform:translate(2px, 7px) rotate(2.5deg);
transform:translate(2px, 7px) rotate(2.5deg)
}
44% {
-webkit-transform:translate(7px, 5px) rotate(0.5deg);
-moz-transform:translate(7px, 5px) rotate(0.5deg);
transform:translate(7px, 5px) rotate(0.5deg)
}
46% {
-webkit-transform:translate(-5px, 0) rotate(3.5deg);
-moz-transform:translate(-5px, 0) rotate(3.5deg);
transform:translate(-5px, 0) rotate(3.5deg)
}
48% {
-webkit-transform:translate(-2px, -7px) rotate(-.5deg);
-moz-transform:translate(-2px, -7px) rotate(-.5deg);
transform:translate(-2px, -7px) rotate(-.5deg)
}
50% {
-webkit-transform:translate(-1px, -5px) rotate(0.5deg);
-moz-transform:translate(-1px, -5px) rotate(0.5deg);
transform:translate(-1px, -5px) rotate(0.5deg)
}
52% {
-webkit-transform:translate(-4px, 8px) rotate(-.5deg);
-moz-transform:translate(-4px, 8px) rotate(-.5deg);
transform:translate(-4px, 8px) rotate(-.5deg)
}
54% {
-webkit-transform:translate(8px, -3px) rotate(3.5deg);
-moz-transform:translate(8px, -3px) rotate(3.5deg);
transform:translate(8px, -3px) rotate(3.5deg)
}
56% {
-webkit-transform:translate(-1px, -8px) rotate(2.5deg);
-moz-transform:translate(-1px, -8px) rotate(2.5deg);
transform:translate(-1px, -8px) rotate(2.5deg)
}
58% {
-webkit-transform:translate(6px, 6px) rotate(3.5deg);
-moz-transform:translate(6px, 6px) rotate(3.5deg);
transform:translate(6px, 6px) rotate(3.5deg)
}
60% {
-webkit-transform:translate(0px, 4px) rotate(-.5deg);
-moz-transform:translate(0px, 4px) rotate(-.5deg);
transform:translate(0px, 4px) rotate(-.5deg)
}
62% {
-webkit-transform:translate(2px, -7px) rotate(0.5deg);
-moz-transform:translate(2px, -7px) rotate(0.5deg);
transform:translate(2px, -7px) rotate(0.5deg)
}
64% {
-webkit-transform:translate(0px, 6px) rotate(2.5deg);
-moz-transform:translate(0px, 6px) rotate(2.5deg);
transform:translate(0px, 6px) rotate(2.5deg)
}
66% {
-webkit-transform:translate(5px, 0) rotate(-.5deg);
-moz-transform:translate(5px, 0) rotate(-.5deg);
transform:translate(5px, 0) rotate(-.5deg)
}
68% {
-webkit-transform:translate(0px, 3px) rotate(3.5deg);
-moz-transform:translate(0px, 3px) rotate(3.5deg);
transform:translate(0px, 3px) rotate(3.5deg)
}
70% {
-webkit-transform:translate(7px, -5px) rotate(-1.5deg);
-moz-transform:translate(7px, -5px) rotate(-1.5deg);
transform:translate(7px, -5px) rotate(-1.5deg)
}
72% {
-webkit-transform:translate(6px, -7px) rotate(3.5deg);
-moz-transform:translate(6px, -7px) rotate(3.5deg);
transform:translate(6px, -7px) rotate(3.5deg)
}
74% {
-webkit-transform:translate(1px, -5px) rotate(-2.5deg);
-moz-transform:translate(1px, -5px) rotate(-2.5deg);
transform:translate(1px, -5px) rotate(-2.5deg)
}
76% {
-webkit-transform:translate(-7px, 2px) rotate(-.5deg);
-moz-transform:translate(-7px, 2px) rotate(-.5deg);
transform:translate(-7px, 2px) rotate(-.5deg)
}
78% {
-webkit-transform:translate(-8px, 1px) rotate(1.5deg);
-moz-transform:translate(-8px, 1px) rotate(1.5deg);
transform:translate(-8px, 1px) rotate(1.5deg)
}
80% {
-webkit-transform:translate(1px, 5px) rotate(1.5deg);
-moz-transform:translate(1px, 5px) rotate(1.5deg);
transform:translate(1px, 5px) rotate(1.5deg)
}
82% {
-webkit-transform:translate(-4px, -5px) rotate(-1.5deg);
-moz-transform:translate(-4px, -5px) rotate(-1.5deg);
transform:translate(-4px, -5px) rotate(-1.5deg)
}
84% {
-webkit-transform:translate(3px, -2px) rotate(3.5deg);
-moz-transform:translate(3px, -2px) rotate(3.5deg);
transform:translate(3px, -2px) rotate(3.5deg)
}
86% {
-webkit-transform:translate(-6px, -5px) rotate(1.5deg);
-moz-transform:translate(-6px, -5px) rotate(1.5deg);
transform:translate(-6px, -5px) rotate(1.5deg)
}
88% {
-webkit-transform:translate(-7px, -1px) rotate(-2.5deg);
-moz-transform:translate(-7px, -1px) rotate(-2.5deg);
transform:translate(-7px, -1px) rotate(-2.5deg)
}
90% {
-webkit-transform:translate(10px, 2px) rotate(-2.5deg);
-moz-transform:translate(10px, 2px) rotate(-2.5deg);
transform:translate(10px, 2px) rotate(-2.5deg)
}
92% {
-webkit-transform:translate(10px, -3px) rotate(1.5deg);
-moz-transform:translate(10px, -3px) rotate(1.5deg);
transform:translate(10px, -3px) rotate(1.5deg)
}
94% {
-webkit-transform:translate(4px, -6px) rotate(3.5deg);
-moz-transform:translate(4px, -6px) rotate(3.5deg);
transform:translate(4px, -6px) rotate(3.5deg)
}
96% {
-webkit-transform:translate(9px, 7px) rotate(-1.5deg);
-moz-transform:translate(9px, 7px) rotate(-1.5deg);
transform:translate(9px, 7px) rotate(-1.5deg)
}
98% {
-webkit-transform:translate(2px, 1px) rotate(-.5deg);
-moz-transform:translate(2px, 1px) rotate(-.5deg);
transform:translate(2px, 1px) rotate(-.5deg)
}
0%, 100% {
-webkit-transform:translate(0, 0) rotate(0);
-moz-transform:translate(0, 0) rotate(0);
transform:translate(0, 0) rotate(0)
}
}
.shake-hard:hover, .shake-trigger:hover .shake-hard, .shake-hard.shake-freeze, .shake-hard.shake-constant {
	-webkit-animation-name: shake-hard;
	-moz-animation-name: shake-hard;
	animation-name: shake-hard;
	-webkit-animation-duration: 100ms;
	-moz-animation-duration: 100ms;
	animation-duration: 100ms;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
@-webkit-keyframes shake-horizontal {
2% {
-webkit-transform:translate(3px, 0) rotate(0);
transform:translate(3px, 0) rotate(0)
}
8% {
-webkit-transform:translate(1px, 0) rotate(0);
transform:translate(1px, 0) rotate(0)
}
12% {
-webkit-transform:translate(4px, 0) rotate(0);
transform:translate(4px, 0) rotate(0)
}
16% {
-webkit-transform:translate(-2px, 0) rotate(0);
transform:translate(-2px, 0) rotate(0)
}
20% {
-webkit-transform:translate(9px, 0) rotate(0);
transform:translate(9px, 0) rotate(0)
}
24% {
-webkit-transform:translate(0px, 0) rotate(0);
transform:translate(0px, 0) rotate(0)
}
28% {
-webkit-transform:translate(-8px, 0) rotate(0);
transform:translate(-8px, 0) rotate(0)
}
32% {
-webkit-transform:translate(-7px, 0) rotate(0);
transform:translate(-7px, 0) rotate(0)
}
36% {
-webkit-transform:translate(1px, 0) rotate(0);
transform:translate(1px, 0) rotate(0)
}
40% {
-webkit-transform:translate(-5px, 0) rotate(0);
transform:translate(-5px, 0) rotate(0)
}
44% {
-webkit-transform:translate(-2px, 0) rotate(0);
transform:translate(-2px, 0) rotate(0)
}
48% {
-webkit-transform:translate(-5px, 0) rotate(0);
transform:translate(-5px, 0) rotate(0)
}
52% {
-webkit-transform:translate(-1px, 0) rotate(0);
transform:translate(-1px, 0) rotate(0)
}
56% {
-webkit-transform:translate(3px, 0) rotate(0);
transform:translate(3px, 0) rotate(0)
}
60% {
-webkit-transform:translate(-7px, 0) rotate(0);
transform:translate(-7px, 0) rotate(0)
}
64% {
-webkit-transform:translate(-8px, 0) rotate(0);
transform:translate(-8px, 0) rotate(0)
}
70% {
-webkit-transform:translate(4px, 0) rotate(0);
transform:translate(4px, 0) rotate(0)
}
74% {
-webkit-transform:translate(8px, 0) rotate(0);
transform:translate(8px, 0) rotate(0)
}
78% {
-webkit-transform:translate(-5px, 0) rotate(0);
transform:translate(-5px, 0) rotate(0)
}
82% {
-webkit-transform:translate(-6px, 0) rotate(0);
transform:translate(-6px, 0) rotate(0)
}
86% {
-webkit-transform:translate(7px, 0) rotate(0);
transform:translate(7px, 0) rotate(0)
}
90% {
-webkit-transform:translate(1px, 0) rotate(0);
transform:translate(1px, 0) rotate(0)
}
94% {
-webkit-transform:translate(3px, 0) rotate(0);
transform:translate(3px, 0) rotate(0)
}
98% {
-webkit-transform:translate(10px, 0) rotate(0);
transform:translate(10px, 0) rotate(0)
}
0%, 100% {
-webkit-transform:translate(0, 0) rotate(0);
transform:translate(0, 0) rotate(0)
}
}
@-moz-keyframes shake-horizontal {
2% {
-moz-transform:translate(3px, 0) rotate(0);
transform:translate(3px, 0) rotate(0)
}
8% {
-moz-transform:translate(1px, 0) rotate(0);
transform:translate(1px, 0) rotate(0)
}
12% {
-moz-transform:translate(4px, 0) rotate(0);
transform:translate(4px, 0) rotate(0)
}
16% {
-moz-transform:translate(-2px, 0) rotate(0);
transform:translate(-2px, 0) rotate(0)
}
20% {
-moz-transform:translate(9px, 0) rotate(0);
transform:translate(9px, 0) rotate(0)
}
24% {
-moz-transform:translate(0px, 0) rotate(0);
transform:translate(0px, 0) rotate(0)
}
28% {
-moz-transform:translate(-8px, 0) rotate(0);
transform:translate(-8px, 0) rotate(0)
}
32% {
-moz-transform:translate(-7px, 0) rotate(0);
transform:translate(-7px, 0) rotate(0)
}
36% {
-moz-transform:translate(1px, 0) rotate(0);
transform:translate(1px, 0) rotate(0)
}
40% {
-moz-transform:translate(-5px, 0) rotate(0);
transform:translate(-5px, 0) rotate(0)
}
44% {
-moz-transform:translate(-2px, 0) rotate(0);
transform:translate(-2px, 0) rotate(0)
}
48% {
-moz-transform:translate(-5px, 0) rotate(0);
transform:translate(-5px, 0) rotate(0)
}
52% {
-moz-transform:translate(-1px, 0) rotate(0);
transform:translate(-1px, 0) rotate(0)
}
56% {
-moz-transform:translate(3px, 0) rotate(0);
transform:translate(3px, 0) rotate(0)
}
60% {
-moz-transform:translate(-7px, 0) rotate(0);
transform:translate(-7px, 0) rotate(0)
}
64% {
-moz-transform:translate(-8px, 0) rotate(0);
transform:translate(-8px, 0) rotate(0)
}
70% {
-moz-transform:translate(4px, 0) rotate(0);
transform:translate(4px, 0) rotate(0)
}
74% {
-moz-transform:translate(8px, 0) rotate(0);
transform:translate(8px, 0) rotate(0)
}
78% {
-moz-transform:translate(-5px, 0) rotate(0);
transform:translate(-5px, 0) rotate(0)
}
82% {
-moz-transform:translate(-6px, 0) rotate(0);
transform:translate(-6px, 0) rotate(0)
}
86% {
-moz-transform:translate(7px, 0) rotate(0);
transform:translate(7px, 0) rotate(0)
}
90% {
-moz-transform:translate(1px, 0) rotate(0);
transform:translate(1px, 0) rotate(0)
}
94% {
-moz-transform:translate(3px, 0) rotate(0);
transform:translate(3px, 0) rotate(0)
}
98% {
-moz-transform:translate(10px, 0) rotate(0);
transform:translate(10px, 0) rotate(0)
}
0%, 100% {
-moz-transform:translate(0, 0) rotate(0);
transform:translate(0, 0) rotate(0)
}
}
@keyframes shake-horizontal {
2% {
-webkit-transform:translate(3px, 0) rotate(0);
-moz-transform:translate(3px, 0) rotate(0);
transform:translate(3px, 0) rotate(0)
}
8% {
-webkit-transform:translate(1px, 0) rotate(0);
-moz-transform:translate(1px, 0) rotate(0);
transform:translate(1px, 0) rotate(0)
}
12% {
-webkit-transform:translate(4px, 0) rotate(0);
-moz-transform:translate(4px, 0) rotate(0);
transform:translate(4px, 0) rotate(0)
}
16% {
-webkit-transform:translate(-2px, 0) rotate(0);
-moz-transform:translate(-2px, 0) rotate(0);
transform:translate(-2px, 0) rotate(0)
}
20% {
-webkit-transform:translate(9px, 0) rotate(0);
-moz-transform:translate(9px, 0) rotate(0);
transform:translate(9px, 0) rotate(0)
}
24% {
-webkit-transform:translate(0px, 0) rotate(0);
-moz-transform:translate(0px, 0) rotate(0);
transform:translate(0px, 0) rotate(0)
}
28% {
-webkit-transform:translate(-8px, 0) rotate(0);
-moz-transform:translate(-8px, 0) rotate(0);
transform:translate(-8px, 0) rotate(0)
}
32% {
-webkit-transform:translate(-7px, 0) rotate(0);
-moz-transform:translate(-7px, 0) rotate(0);
transform:translate(-7px, 0) rotate(0)
}
36% {
-webkit-transform:translate(1px, 0) rotate(0);
-moz-transform:translate(1px, 0) rotate(0);
transform:translate(1px, 0) rotate(0)
}
40% {
-webkit-transform:translate(-5px, 0) rotate(0);
-moz-transform:translate(-5px, 0) rotate(0);
transform:translate(-5px, 0) rotate(0)
}
44% {
-webkit-transform:translate(-2px, 0) rotate(0);
-moz-transform:translate(-2px, 0) rotate(0);
transform:translate(-2px, 0) rotate(0)
}
48% {
-webkit-transform:translate(-5px, 0) rotate(0);
-moz-transform:translate(-5px, 0) rotate(0);
transform:translate(-5px, 0) rotate(0)
}
52% {
-webkit-transform:translate(-1px, 0) rotate(0);
-moz-transform:translate(-1px, 0) rotate(0);
transform:translate(-1px, 0) rotate(0)
}
56% {
-webkit-transform:translate(3px, 0) rotate(0);
-moz-transform:translate(3px, 0) rotate(0);
transform:translate(3px, 0) rotate(0)
}
60% {
-webkit-transform:translate(-7px, 0) rotate(0);
-moz-transform:translate(-7px, 0) rotate(0);
transform:translate(-7px, 0) rotate(0)
}
64% {
-webkit-transform:translate(-8px, 0) rotate(0);
-moz-transform:translate(-8px, 0) rotate(0);
transform:translate(-8px, 0) rotate(0)
}
70% {
-webkit-transform:translate(4px, 0) rotate(0);
-moz-transform:translate(4px, 0) rotate(0);
transform:translate(4px, 0) rotate(0)
}
74% {
-webkit-transform:translate(8px, 0) rotate(0);
-moz-transform:translate(8px, 0) rotate(0);
transform:translate(8px, 0) rotate(0)
}
78% {
-webkit-transform:translate(-5px, 0) rotate(0);
-moz-transform:translate(-5px, 0) rotate(0);
transform:translate(-5px, 0) rotate(0)
}
82% {
-webkit-transform:translate(-6px, 0) rotate(0);
-moz-transform:translate(-6px, 0) rotate(0);
transform:translate(-6px, 0) rotate(0)
}
86% {
-webkit-transform:translate(7px, 0) rotate(0);
-moz-transform:translate(7px, 0) rotate(0);
transform:translate(7px, 0) rotate(0)
}
90% {
-webkit-transform:translate(1px, 0) rotate(0);
-moz-transform:translate(1px, 0) rotate(0);
transform:translate(1px, 0) rotate(0)
}
94% {
-webkit-transform:translate(3px, 0) rotate(0);
-moz-transform:translate(3px, 0) rotate(0);
transform:translate(3px, 0) rotate(0)
}
98% {
-webkit-transform:translate(10px, 0) rotate(0);
-moz-transform:translate(10px, 0) rotate(0);
transform:translate(10px, 0) rotate(0)
}
0%, 100% {
-webkit-transform:translate(0, 0) rotate(0);
-moz-transform:translate(0, 0) rotate(0);
transform:translate(0, 0) rotate(0)
}
}
.qt-shake:hover .shake-horizontal {
	-webkit-animation-name: shake-horizontal2;
	-moz-animation-name: shake-horizontal2;
	animation-name: shake-horizontal2;
	-webkit-animation-duration: 1000ms;
	-moz-animation-duration: 1000ms;
	animation-duration: 1000ms;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
@-webkit-keyframes shake-horizontal2 {
25% {
-webkit-transform:translate(2px, 0) rotate(0) scale(1.1);
transform:translate(2px, 0) rotate(0) scale(1.1)
}
50% {
-webkit-transform:translate(5px, 0) rotate(0) scale(1.5);
transform:translate(5px, 0) rotate(0) scale(1.5)
}
75% {
-webkit-transform:translate(2px, 0) rotate(0) scale(1.1);
transform:translate(2px, 0) rotate(0) scale(1.1)
}
0%, 100% {
-webkit-transform:translate(0px, 0) rotate(0) scale(1);
transform:translate(0px, 0) rotate(0) scale(1)
}
}
@-moz-keyframes shake-horizontal2 {
25% {
-moz-transform:translate(2px, 0) rotate(0) scale(1.1);
transform:translate(2px, 0) rotate(0) scale(1.1)
}
50% {
-moz-transform:translate(5px, 0) rotate(0) scale(1.5);
transform:translate(5px, 0) rotate(0) scale(1.5)
}
75% {
-moz-transform:translate(2px, 0) rotate(0) scale(1.1);
transform:translate(2px, 0) rotate(0) scale(1.1)
}
0%, 100% {
-moz-transform:translate(0px, 0) rotate(0) scale(1);
transform:translate(0px, 0) rotate(0) scale(1)
}
}
@keyframes shake-horizontal2 {
25% {
-webkit-transform:translate(2px, 0) rotate(0) scale(1.1);
-moz-transform:translate(2px, 0) rotate(0) scale(1.1);
transform:translate(2px, 0) rotate(0) scale(1.1)
}
50% {
-webkit-transform:translate(5px, 0) rotate(0) scale(1.5);
-moz-transform:translate(5px, 0) rotate(0) scale(1.5);
transform:translate(5px, 0) rotate(0) scale(1.5)
}
75% {
-webkit-transform:translate(2px, 0) rotate(0) scale(1.1);
-moz-transform:translate(2px, 0) rotate(0) scale(1.1);
transform:translate(2px, 0) rotate(0) scale(1.1)
}
0%, 100% {
-webkit-transform:translate(0px, 0) rotate(0) scale(1);
-moz-transform:translate(0px, 0) rotate(0) scale(1);
transform:translate(0px, 0) rotate(0) scale(1)
}
}
.shake-horizontal:hover, .shake-trigger:hover .shake-horizontal, .shake-horizontal.shake-freeze, .shake-horizontal.shake-constant {
	-webkit-animation-name: shake-horizontal;
	-moz-animation-name: shake-horizontal;
	animation-name: shake-horizontal;
	-webkit-animation-duration: 100ms;
	-moz-animation-duration: 100ms;
	animation-duration: 100ms;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
@-webkit-keyframes shake-vertical {
2% {
-webkit-transform:translate(0, -9px) rotate(0);
transform:translate(0, -9px) rotate(0)
}
4% {
-webkit-transform:translate(0, 10px) rotate(0);
transform:translate(0, 10px) rotate(0)
}
6% {
-webkit-transform:translate(0, -7px) rotate(0);
transform:translate(0, -7px) rotate(0)
}
8% {
-webkit-transform:translate(0, -3px) rotate(0);
transform:translate(0, -3px) rotate(0)
}
10% {
-webkit-transform:translate(0, -9px) rotate(0);
transform:translate(0, -9px) rotate(0)
}
12% {
-webkit-transform:translate(0, -1px) rotate(0);
transform:translate(0, -1px) rotate(0)
}
14% {
-webkit-transform:translate(0, -3px) rotate(0);
transform:translate(0, -3px) rotate(0)
}
16% {
-webkit-transform:translate(0, 9px) rotate(0);
transform:translate(0, 9px) rotate(0)
}
18% {
-webkit-transform:translate(0, 6px) rotate(0);
transform:translate(0, 6px) rotate(0)
}
20% {
-webkit-transform:translate(0, 7px) rotate(0);
transform:translate(0, 7px) rotate(0)
}
22% {
-webkit-transform:translate(0, 0) rotate(0);
transform:translate(0, 0) rotate(0)
}
24% {
-webkit-transform:translate(0, 8px) rotate(0);
transform:translate(0, 8px) rotate(0)
}
26% {
-webkit-transform:translate(0, 0) rotate(0);
transform:translate(0, 0) rotate(0)
}
28% {
-webkit-transform:translate(0, -5px) rotate(0);
transform:translate(0, -5px) rotate(0)
}
30% {
-webkit-transform:translate(0, -9px) rotate(0);
transform:translate(0, -9px) rotate(0)
}
32% {
-webkit-transform:translate(0, 2px) rotate(0);
transform:translate(0, 2px) rotate(0)
}
34% {
-webkit-transform:translate(0, -4px) rotate(0);
transform:translate(0, -4px) rotate(0)
}
36% {
-webkit-transform:translate(0, 9px) rotate(0);
transform:translate(0, 9px) rotate(0)
}
38% {
-webkit-transform:translate(0, 2px) rotate(0);
transform:translate(0, 2px) rotate(0)
}
40% {
-webkit-transform:translate(0, -3px) rotate(0);
transform:translate(0, -3px) rotate(0)
}
42% {
-webkit-transform:translate(0, 7px) rotate(0);
transform:translate(0, 7px) rotate(0)
}
44% {
-webkit-transform:translate(0, 9px) rotate(0);
transform:translate(0, 9px) rotate(0)
}
46% {
-webkit-transform:translate(0, -2px) rotate(0);
transform:translate(0, -2px) rotate(0)
}
48% {
-webkit-transform:translate(0, 1px) rotate(0);
transform:translate(0, 1px) rotate(0)
}
50% {
-webkit-transform:translate(0, 9px) rotate(0);
transform:translate(0, 9px) rotate(0)
}
52% {
-webkit-transform:translate(0, 3px) rotate(0);
transform:translate(0, 3px) rotate(0)
}
54% {
-webkit-transform:translate(0, -4px) rotate(0);
transform:translate(0, -4px) rotate(0)
}
56% {
-webkit-transform:translate(0, -1px) rotate(0);
transform:translate(0, -1px) rotate(0)
}
58% {
-webkit-transform:translate(0, -2px) rotate(0);
transform:translate(0, -2px) rotate(0)
}
60% {
-webkit-transform:translate(0, 10px) rotate(0);
transform:translate(0, 10px) rotate(0)
}
62% {
-webkit-transform:translate(0, -4px) rotate(0);
transform:translate(0, -4px) rotate(0)
}
64% {
-webkit-transform:translate(0, -8px) rotate(0);
transform:translate(0, -8px) rotate(0)
}
66% {
-webkit-transform:translate(0, -1px) rotate(0);
transform:translate(0, -1px) rotate(0)
}
68% {
-webkit-transform:translate(0, 3px) rotate(0);
transform:translate(0, 3px) rotate(0)
}
70% {
-webkit-transform:translate(0, -9px) rotate(0);
transform:translate(0, -9px) rotate(0)
}
72% {
-webkit-transform:translate(0, 2px) rotate(0);
transform:translate(0, 2px) rotate(0)
}
74% {
-webkit-transform:translate(0, 2px) rotate(0);
transform:translate(0, 2px) rotate(0)
}
76% {
-webkit-transform:translate(0, 9px) rotate(0);
transform:translate(0, 9px) rotate(0)
}
78% {
-webkit-transform:translate(0, -1px) rotate(0);
transform:translate(0, -1px) rotate(0)
}
80% {
-webkit-transform:translate(0, 8px) rotate(0);
transform:translate(0, 8px) rotate(0)
}
82% {
-webkit-transform:translate(0, -3px) rotate(0);
transform:translate(0, -3px) rotate(0)
}
84% {
-webkit-transform:translate(0, -1px) rotate(0);
transform:translate(0, -1px) rotate(0)
}
86% {
-webkit-transform:translate(0, 3px) rotate(0);
transform:translate(0, 3px) rotate(0)
}
88% {
-webkit-transform:translate(0, 7px) rotate(0);
transform:translate(0, 7px) rotate(0)
}
90% {
-webkit-transform:translate(0, 7px) rotate(0);
transform:translate(0, 7px) rotate(0)
}
92% {
-webkit-transform:translate(0, 8px) rotate(0);
transform:translate(0, 8px) rotate(0)
}
94% {
-webkit-transform:translate(0, -6px) rotate(0);
transform:translate(0, -6px) rotate(0)
}
96% {
-webkit-transform:translate(0, 3px) rotate(0);
transform:translate(0, 3px) rotate(0)
}
98% {
-webkit-transform:translate(0, 4px) rotate(0);
transform:translate(0, 4px) rotate(0)
}
0%, 100% {
-webkit-transform:translate(0, 0) rotate(0);
transform:translate(0, 0) rotate(0)
}
}
@-moz-keyframes shake-vertical {
2% {
-moz-transform:translate(0, -9px) rotate(0);
transform:translate(0, -9px) rotate(0)
}
4% {
-moz-transform:translate(0, 10px) rotate(0);
transform:translate(0, 10px) rotate(0)
}
6% {
-moz-transform:translate(0, -7px) rotate(0);
transform:translate(0, -7px) rotate(0)
}
8% {
-moz-transform:translate(0, -3px) rotate(0);
transform:translate(0, -3px) rotate(0)
}
10% {
-moz-transform:translate(0, -9px) rotate(0);
transform:translate(0, -9px) rotate(0)
}
12% {
-moz-transform:translate(0, -1px) rotate(0);
transform:translate(0, -1px) rotate(0)
}
14% {
-moz-transform:translate(0, -3px) rotate(0);
transform:translate(0, -3px) rotate(0)
}
16% {
-moz-transform:translate(0, 9px) rotate(0);
transform:translate(0, 9px) rotate(0)
}
18% {
-moz-transform:translate(0, 6px) rotate(0);
transform:translate(0, 6px) rotate(0)
}
20% {
-moz-transform:translate(0, 7px) rotate(0);
transform:translate(0, 7px) rotate(0)
}
22% {
-moz-transform:translate(0, 0) rotate(0);
transform:translate(0, 0) rotate(0)
}
24% {
-moz-transform:translate(0, 8px) rotate(0);
transform:translate(0, 8px) rotate(0)
}
26% {
-moz-transform:translate(0, 0) rotate(0);
transform:translate(0, 0) rotate(0)
}
28% {
-moz-transform:translate(0, -5px) rotate(0);
transform:translate(0, -5px) rotate(0)
}
30% {
-moz-transform:translate(0, -9px) rotate(0);
transform:translate(0, -9px) rotate(0)
}
32% {
-moz-transform:translate(0, 2px) rotate(0);
transform:translate(0, 2px) rotate(0)
}
34% {
-moz-transform:translate(0, -4px) rotate(0);
transform:translate(0, -4px) rotate(0)
}
36% {
-moz-transform:translate(0, 9px) rotate(0);
transform:translate(0, 9px) rotate(0)
}
38% {
-moz-transform:translate(0, 2px) rotate(0);
transform:translate(0, 2px) rotate(0)
}
40% {
-moz-transform:translate(0, -3px) rotate(0);
transform:translate(0, -3px) rotate(0)
}
42% {
-moz-transform:translate(0, 7px) rotate(0);
transform:translate(0, 7px) rotate(0)
}
44% {
-moz-transform:translate(0, 9px) rotate(0);
transform:translate(0, 9px) rotate(0)
}
46% {
-moz-transform:translate(0, -2px) rotate(0);
transform:translate(0, -2px) rotate(0)
}
48% {
-moz-transform:translate(0, 1px) rotate(0);
transform:translate(0, 1px) rotate(0)
}
50% {
-moz-transform:translate(0, 9px) rotate(0);
transform:translate(0, 9px) rotate(0)
}
52% {
-moz-transform:translate(0, 3px) rotate(0);
transform:translate(0, 3px) rotate(0)
}
54% {
-moz-transform:translate(0, -4px) rotate(0);
transform:translate(0, -4px) rotate(0)
}
56% {
-moz-transform:translate(0, -1px) rotate(0);
transform:translate(0, -1px) rotate(0)
}
58% {
-moz-transform:translate(0, -2px) rotate(0);
transform:translate(0, -2px) rotate(0)
}
60% {
-moz-transform:translate(0, 10px) rotate(0);
transform:translate(0, 10px) rotate(0)
}
62% {
-moz-transform:translate(0, -4px) rotate(0);
transform:translate(0, -4px) rotate(0)
}
64% {
-moz-transform:translate(0, -8px) rotate(0);
transform:translate(0, -8px) rotate(0)
}
66% {
-moz-transform:translate(0, -1px) rotate(0);
transform:translate(0, -1px) rotate(0)
}
68% {
-moz-transform:translate(0, 3px) rotate(0);
transform:translate(0, 3px) rotate(0)
}
70% {
-moz-transform:translate(0, -9px) rotate(0);
transform:translate(0, -9px) rotate(0)
}
72% {
-moz-transform:translate(0, 2px) rotate(0);
transform:translate(0, 2px) rotate(0)
}
74% {
-moz-transform:translate(0, 2px) rotate(0);
transform:translate(0, 2px) rotate(0)
}
76% {
-moz-transform:translate(0, 9px) rotate(0);
transform:translate(0, 9px) rotate(0)
}
78% {
-moz-transform:translate(0, -1px) rotate(0);
transform:translate(0, -1px) rotate(0)
}
80% {
-moz-transform:translate(0, 8px) rotate(0);
transform:translate(0, 8px) rotate(0)
}
82% {
-moz-transform:translate(0, -3px) rotate(0);
transform:translate(0, -3px) rotate(0)
}
84% {
-moz-transform:translate(0, -1px) rotate(0);
transform:translate(0, -1px) rotate(0)
}
86% {
-moz-transform:translate(0, 3px) rotate(0);
transform:translate(0, 3px) rotate(0)
}
88% {
-moz-transform:translate(0, 7px) rotate(0);
transform:translate(0, 7px) rotate(0)
}
90% {
-moz-transform:translate(0, 7px) rotate(0);
transform:translate(0, 7px) rotate(0)
}
92% {
-moz-transform:translate(0, 8px) rotate(0);
transform:translate(0, 8px) rotate(0)
}
94% {
-moz-transform:translate(0, -6px) rotate(0);
transform:translate(0, -6px) rotate(0)
}
96% {
-moz-transform:translate(0, 3px) rotate(0);
transform:translate(0, 3px) rotate(0)
}
98% {
-moz-transform:translate(0, 4px) rotate(0);
transform:translate(0, 4px) rotate(0)
}
0%, 100% {
-moz-transform:translate(0, 0) rotate(0);
transform:translate(0, 0) rotate(0)
}
}
@keyframes shake-vertical {
2% {
-webkit-transform:translate(0, -9px) rotate(0);
-moz-transform:translate(0, -9px) rotate(0);
transform:translate(0, -9px) rotate(0)
}
4% {
-webkit-transform:translate(0, 10px) rotate(0);
-moz-transform:translate(0, 10px) rotate(0);
transform:translate(0, 10px) rotate(0)
}
6% {
-webkit-transform:translate(0, -7px) rotate(0);
-moz-transform:translate(0, -7px) rotate(0);
transform:translate(0, -7px) rotate(0)
}
8% {
-webkit-transform:translate(0, -3px) rotate(0);
-moz-transform:translate(0, -3px) rotate(0);
transform:translate(0, -3px) rotate(0)
}
10% {
-webkit-transform:translate(0, -9px) rotate(0);
-moz-transform:translate(0, -9px) rotate(0);
transform:translate(0, -9px) rotate(0)
}
12% {
-webkit-transform:translate(0, -1px) rotate(0);
-moz-transform:translate(0, -1px) rotate(0);
transform:translate(0, -1px) rotate(0)
}
14% {
-webkit-transform:translate(0, -3px) rotate(0);
-moz-transform:translate(0, -3px) rotate(0);
transform:translate(0, -3px) rotate(0)
}
16% {
-webkit-transform:translate(0, 9px) rotate(0);
-moz-transform:translate(0, 9px) rotate(0);
transform:translate(0, 9px) rotate(0)
}
18% {
-webkit-transform:translate(0, 6px) rotate(0);
-moz-transform:translate(0, 6px) rotate(0);
transform:translate(0, 6px) rotate(0)
}
20% {
-webkit-transform:translate(0, 7px) rotate(0);
-moz-transform:translate(0, 7px) rotate(0);
transform:translate(0, 7px) rotate(0)
}
22% {
-webkit-transform:translate(0, 0) rotate(0);
-moz-transform:translate(0, 0) rotate(0);
transform:translate(0, 0) rotate(0)
}
24% {
-webkit-transform:translate(0, 8px) rotate(0);
-moz-transform:translate(0, 8px) rotate(0);
transform:translate(0, 8px) rotate(0)
}
26% {
-webkit-transform:translate(0, 0) rotate(0);
-moz-transform:translate(0, 0) rotate(0);
transform:translate(0, 0) rotate(0)
}
28% {
-webkit-transform:translate(0, -5px) rotate(0);
-moz-transform:translate(0, -5px) rotate(0);
transform:translate(0, -5px) rotate(0)
}
30% {
-webkit-transform:translate(0, -9px) rotate(0);
-moz-transform:translate(0, -9px) rotate(0);
transform:translate(0, -9px) rotate(0)
}
32% {
-webkit-transform:translate(0, 2px) rotate(0);
-moz-transform:translate(0, 2px) rotate(0);
transform:translate(0, 2px) rotate(0)
}
34% {
-webkit-transform:translate(0, -4px) rotate(0);
-moz-transform:translate(0, -4px) rotate(0);
transform:translate(0, -4px) rotate(0)
}
36% {
-webkit-transform:translate(0, 9px) rotate(0);
-moz-transform:translate(0, 9px) rotate(0);
transform:translate(0, 9px) rotate(0)
}
38% {
-webkit-transform:translate(0, 2px) rotate(0);
-moz-transform:translate(0, 2px) rotate(0);
transform:translate(0, 2px) rotate(0)
}
40% {
-webkit-transform:translate(0, -3px) rotate(0);
-moz-transform:translate(0, -3px) rotate(0);
transform:translate(0, -3px) rotate(0)
}
42% {
-webkit-transform:translate(0, 7px) rotate(0);
-moz-transform:translate(0, 7px) rotate(0);
transform:translate(0, 7px) rotate(0)
}
44% {
-webkit-transform:translate(0, 9px) rotate(0);
-moz-transform:translate(0, 9px) rotate(0);
transform:translate(0, 9px) rotate(0)
}
46% {
-webkit-transform:translate(0, -2px) rotate(0);
-moz-transform:translate(0, -2px) rotate(0);
transform:translate(0, -2px) rotate(0)
}
48% {
-webkit-transform:translate(0, 1px) rotate(0);
-moz-transform:translate(0, 1px) rotate(0);
transform:translate(0, 1px) rotate(0)
}
50% {
-webkit-transform:translate(0, 9px) rotate(0);
-moz-transform:translate(0, 9px) rotate(0);
transform:translate(0, 9px) rotate(0)
}
52% {
-webkit-transform:translate(0, 3px) rotate(0);
-moz-transform:translate(0, 3px) rotate(0);
transform:translate(0, 3px) rotate(0)
}
54% {
-webkit-transform:translate(0, -4px) rotate(0);
-moz-transform:translate(0, -4px) rotate(0);
transform:translate(0, -4px) rotate(0)
}
56% {
-webkit-transform:translate(0, -1px) rotate(0);
-moz-transform:translate(0, -1px) rotate(0);
transform:translate(0, -1px) rotate(0)
}
58% {
-webkit-transform:translate(0, -2px) rotate(0);
-moz-transform:translate(0, -2px) rotate(0);
transform:translate(0, -2px) rotate(0)
}
60% {
-webkit-transform:translate(0, 10px) rotate(0);
-moz-transform:translate(0, 10px) rotate(0);
transform:translate(0, 10px) rotate(0)
}
62% {
-webkit-transform:translate(0, -4px) rotate(0);
-moz-transform:translate(0, -4px) rotate(0);
transform:translate(0, -4px) rotate(0)
}
64% {
-webkit-transform:translate(0, -8px) rotate(0);
-moz-transform:translate(0, -8px) rotate(0);
transform:translate(0, -8px) rotate(0)
}
66% {
-webkit-transform:translate(0, -1px) rotate(0);
-moz-transform:translate(0, -1px) rotate(0);
transform:translate(0, -1px) rotate(0)
}
68% {
-webkit-transform:translate(0, 3px) rotate(0);
-moz-transform:translate(0, 3px) rotate(0);
transform:translate(0, 3px) rotate(0)
}
70% {
-webkit-transform:translate(0, -9px) rotate(0);
-moz-transform:translate(0, -9px) rotate(0);
transform:translate(0, -9px) rotate(0)
}
72% {
-webkit-transform:translate(0, 2px) rotate(0);
-moz-transform:translate(0, 2px) rotate(0);
transform:translate(0, 2px) rotate(0)
}
74% {
-webkit-transform:translate(0, 2px) rotate(0);
-moz-transform:translate(0, 2px) rotate(0);
transform:translate(0, 2px) rotate(0)
}
76% {
-webkit-transform:translate(0, 9px) rotate(0);
-moz-transform:translate(0, 9px) rotate(0);
transform:translate(0, 9px) rotate(0)
}
78% {
-webkit-transform:translate(0, -1px) rotate(0);
-moz-transform:translate(0, -1px) rotate(0);
transform:translate(0, -1px) rotate(0)
}
80% {
-webkit-transform:translate(0, 8px) rotate(0);
-moz-transform:translate(0, 8px) rotate(0);
transform:translate(0, 8px) rotate(0)
}
82% {
-webkit-transform:translate(0, -3px) rotate(0);
-moz-transform:translate(0, -3px) rotate(0);
transform:translate(0, -3px) rotate(0)
}
84% {
-webkit-transform:translate(0, -1px) rotate(0);
-moz-transform:translate(0, -1px) rotate(0);
transform:translate(0, -1px) rotate(0)
}
86% {
-webkit-transform:translate(0, 3px) rotate(0);
-moz-transform:translate(0, 3px) rotate(0);
transform:translate(0, 3px) rotate(0)
}
88% {
-webkit-transform:translate(0, 7px) rotate(0);
-moz-transform:translate(0, 7px) rotate(0);
transform:translate(0, 7px) rotate(0)
}
90% {
-webkit-transform:translate(0, 7px) rotate(0);
-moz-transform:translate(0, 7px) rotate(0);
transform:translate(0, 7px) rotate(0)
}
92% {
-webkit-transform:translate(0, 8px) rotate(0);
-moz-transform:translate(0, 8px) rotate(0);
transform:translate(0, 8px) rotate(0)
}
94% {
-webkit-transform:translate(0, -6px) rotate(0);
-moz-transform:translate(0, -6px) rotate(0);
transform:translate(0, -6px) rotate(0)
}
96% {
-webkit-transform:translate(0, 3px) rotate(0);
-moz-transform:translate(0, 3px) rotate(0);
transform:translate(0, 3px) rotate(0)
}
98% {
-webkit-transform:translate(0, 4px) rotate(0);
-moz-transform:translate(0, 4px) rotate(0);
transform:translate(0, 4px) rotate(0)
}
0%, 100% {
-webkit-transform:translate(0, 0) rotate(0);
-moz-transform:translate(0, 0) rotate(0);
transform:translate(0, 0) rotate(0)
}
}
.shake-vertical:hover, .shake-trigger:hover .shake-vertical, .shake-vertical.shake-freeze, .shake-vertical.shake-constant {
	-webkit-animation-name: shake-vertical;
	-moz-animation-name: shake-vertical;
	animation-name: shake-vertical;
	-webkit-animation-duration: 100ms;
	-moz-animation-duration: 100ms;
	animation-duration: 100ms;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
@-webkit-keyframes shake-rotate {
2% {
-webkit-transform:translate(0, 0) rotate(6.5deg);
transform:translate(0, 0) rotate(6.5deg)
}
4% {
-webkit-transform:translate(0, 0) rotate(5.5deg);
transform:translate(0, 0) rotate(5.5deg)
}
6% {
-webkit-transform:translate(0, 0) rotate(-3.5deg);
transform:translate(0, 0) rotate(-3.5deg)
}
8% {
-webkit-transform:translate(0, 0) rotate(4.5deg);
transform:translate(0, 0) rotate(4.5deg)
}
10% {
-webkit-transform:translate(0, 0) rotate(5.5deg);
transform:translate(0, 0) rotate(5.5deg)
}
12% {
-webkit-transform:translate(0, 0) rotate(-.5deg);
transform:translate(0, 0) rotate(-.5deg)
}
14% {
-webkit-transform:translate(0, 0) rotate(-4.5deg);
transform:translate(0, 0) rotate(-4.5deg)
}
16% {
-webkit-transform:translate(0, 0) rotate(-3.5deg);
transform:translate(0, 0) rotate(-3.5deg)
}
18% {
-webkit-transform:translate(0, 0) rotate(3.5deg);
transform:translate(0, 0) rotate(3.5deg)
}
20% {
-webkit-transform:translate(0, 0) rotate(4.5deg);
transform:translate(0, 0) rotate(4.5deg)
}
22% {
-webkit-transform:translate(0, 0) rotate(-.5deg);
transform:translate(0, 0) rotate(-.5deg)
}
24% {
-webkit-transform:translate(0, 0) rotate(4.5deg);
transform:translate(0, 0) rotate(4.5deg)
}
26% {
-webkit-transform:translate(0, 0) rotate(5.5deg);
transform:translate(0, 0) rotate(5.5deg)
}
28% {
-webkit-transform:translate(0, 0) rotate(4.5deg);
transform:translate(0, 0) rotate(4.5deg)
}
30% {
-webkit-transform:translate(0, 0) rotate(-6.5deg);
transform:translate(0, 0) rotate(-6.5deg)
}
32% {
-webkit-transform:translate(0, 0) rotate(-3.5deg);
transform:translate(0, 0) rotate(-3.5deg)
}
34% {
-webkit-transform:translate(0, 0) rotate(-4.5deg);
transform:translate(0, 0) rotate(-4.5deg)
}
36% {
-webkit-transform:translate(0, 0) rotate(-4.5deg);
transform:translate(0, 0) rotate(-4.5deg)
}
38% {
-webkit-transform:translate(0, 0) rotate(0.5deg);
transform:translate(0, 0) rotate(0.5deg)
}
40% {
-webkit-transform:translate(0, 0) rotate(7.5deg);
transform:translate(0, 0) rotate(7.5deg)
}
42% {
-webkit-transform:translate(0, 0) rotate(-.5deg);
transform:translate(0, 0) rotate(-.5deg)
}
44% {
-webkit-transform:translate(0, 0) rotate(-6.5deg);
transform:translate(0, 0) rotate(-6.5deg)
}
46% {
-webkit-transform:translate(0, 0) rotate(-2.5deg);
transform:translate(0, 0) rotate(-2.5deg)
}
48% {
-webkit-transform:translate(0, 0) rotate(4.5deg);
transform:translate(0, 0) rotate(4.5deg)
}
50% {
-webkit-transform:translate(0, 0) rotate(1.5deg);
transform:translate(0, 0) rotate(1.5deg)
}
52% {
-webkit-transform:translate(0, 0) rotate(2.5deg);
transform:translate(0, 0) rotate(2.5deg)
}
54% {
-webkit-transform:translate(0, 0) rotate(5.5deg);
transform:translate(0, 0) rotate(5.5deg)
}
56% {
-webkit-transform:translate(0, 0) rotate(-.5deg);
transform:translate(0, 0) rotate(-.5deg)
}
58% {
-webkit-transform:translate(0, 0) rotate(-6.5deg);
transform:translate(0, 0) rotate(-6.5deg)
}
60% {
-webkit-transform:translate(0, 0) rotate(-4.5deg);
transform:translate(0, 0) rotate(-4.5deg)
}
62% {
-webkit-transform:translate(0, 0) rotate(3.5deg);
transform:translate(0, 0) rotate(3.5deg)
}
64% {
-webkit-transform:translate(0, 0) rotate(3.5deg);
transform:translate(0, 0) rotate(3.5deg)
}
66% {
-webkit-transform:translate(0, 0) rotate(-2.5deg);
transform:translate(0, 0) rotate(-2.5deg)
}
68% {
-webkit-transform:translate(0, 0) rotate(-3.5deg);
transform:translate(0, 0) rotate(-3.5deg)
}
70% {
-webkit-transform:translate(0, 0) rotate(7.5deg);
transform:translate(0, 0) rotate(7.5deg)
}
72% {
-webkit-transform:translate(0, 0) rotate(-4.5deg);
transform:translate(0, 0) rotate(-4.5deg)
}
74% {
-webkit-transform:translate(0, 0) rotate(6.5deg);
transform:translate(0, 0) rotate(6.5deg)
}
76% {
-webkit-transform:translate(0, 0) rotate(3.5deg);
transform:translate(0, 0) rotate(3.5deg)
}
78% {
-webkit-transform:translate(0, 0) rotate(5.5deg);
transform:translate(0, 0) rotate(5.5deg)
}
80% {
-webkit-transform:translate(0, 0) rotate(0.5deg);
transform:translate(0, 0) rotate(0.5deg)
}
82% {
-webkit-transform:translate(0, 0) rotate(2.5deg);
transform:translate(0, 0) rotate(2.5deg)
}
84% {
-webkit-transform:translate(0, 0) rotate(-6.5deg);
transform:translate(0, 0) rotate(-6.5deg)
}
86% {
-webkit-transform:translate(0, 0) rotate(6.5deg);
transform:translate(0, 0) rotate(6.5deg)
}
88% {
-webkit-transform:translate(0, 0) rotate(-6.5deg);
transform:translate(0, 0) rotate(-6.5deg)
}
90% {
-webkit-transform:translate(0, 0) rotate(-3.5deg);
transform:translate(0, 0) rotate(-3.5deg)
}
92% {
-webkit-transform:translate(0, 0) rotate(-5.5deg);
transform:translate(0, 0) rotate(-5.5deg)
}
94% {
-webkit-transform:translate(0, 0) rotate(-1.5deg);
transform:translate(0, 0) rotate(-1.5deg)
}
96% {
-webkit-transform:translate(0, 0) rotate(0.5deg);
transform:translate(0, 0) rotate(0.5deg)
}
98% {
-webkit-transform:translate(0, 0) rotate(0.5deg);
transform:translate(0, 0) rotate(0.5deg)
}
0%, 100% {
-webkit-transform:translate(0, 0) rotate(0);
transform:translate(0, 0) rotate(0)
}
}
@-moz-keyframes shake-rotate {
2% {
-moz-transform:translate(0, 0) rotate(6.5deg);
transform:translate(0, 0) rotate(6.5deg)
}
4% {
-moz-transform:translate(0, 0) rotate(5.5deg);
transform:translate(0, 0) rotate(5.5deg)
}
6% {
-moz-transform:translate(0, 0) rotate(-3.5deg);
transform:translate(0, 0) rotate(-3.5deg)
}
8% {
-moz-transform:translate(0, 0) rotate(4.5deg);
transform:translate(0, 0) rotate(4.5deg)
}
10% {
-moz-transform:translate(0, 0) rotate(5.5deg);
transform:translate(0, 0) rotate(5.5deg)
}
12% {
-moz-transform:translate(0, 0) rotate(-.5deg);
transform:translate(0, 0) rotate(-.5deg)
}
14% {
-moz-transform:translate(0, 0) rotate(-4.5deg);
transform:translate(0, 0) rotate(-4.5deg)
}
16% {
-moz-transform:translate(0, 0) rotate(-3.5deg);
transform:translate(0, 0) rotate(-3.5deg)
}
18% {
-moz-transform:translate(0, 0) rotate(3.5deg);
transform:translate(0, 0) rotate(3.5deg)
}
20% {
-moz-transform:translate(0, 0) rotate(4.5deg);
transform:translate(0, 0) rotate(4.5deg)
}
22% {
-moz-transform:translate(0, 0) rotate(-.5deg);
transform:translate(0, 0) rotate(-.5deg)
}
24% {
-moz-transform:translate(0, 0) rotate(4.5deg);
transform:translate(0, 0) rotate(4.5deg)
}
26% {
-moz-transform:translate(0, 0) rotate(5.5deg);
transform:translate(0, 0) rotate(5.5deg)
}
28% {
-moz-transform:translate(0, 0) rotate(4.5deg);
transform:translate(0, 0) rotate(4.5deg)
}
30% {
-moz-transform:translate(0, 0) rotate(-6.5deg);
transform:translate(0, 0) rotate(-6.5deg)
}
32% {
-moz-transform:translate(0, 0) rotate(-3.5deg);
transform:translate(0, 0) rotate(-3.5deg)
}
34% {
-moz-transform:translate(0, 0) rotate(-4.5deg);
transform:translate(0, 0) rotate(-4.5deg)
}
36% {
-moz-transform:translate(0, 0) rotate(-4.5deg);
transform:translate(0, 0) rotate(-4.5deg)
}
38% {
-moz-transform:translate(0, 0) rotate(0.5deg);
transform:translate(0, 0) rotate(0.5deg)
}
40% {
-moz-transform:translate(0, 0) rotate(7.5deg);
transform:translate(0, 0) rotate(7.5deg)
}
42% {
-moz-transform:translate(0, 0) rotate(-.5deg);
transform:translate(0, 0) rotate(-.5deg)
}
44% {
-moz-transform:translate(0, 0) rotate(-6.5deg);
transform:translate(0, 0) rotate(-6.5deg)
}
46% {
-moz-transform:translate(0, 0) rotate(-2.5deg);
transform:translate(0, 0) rotate(-2.5deg)
}
48% {
-moz-transform:translate(0, 0) rotate(4.5deg);
transform:translate(0, 0) rotate(4.5deg)
}
50% {
-moz-transform:translate(0, 0) rotate(1.5deg);
transform:translate(0, 0) rotate(1.5deg)
}
52% {
-moz-transform:translate(0, 0) rotate(2.5deg);
transform:translate(0, 0) rotate(2.5deg)
}
54% {
-moz-transform:translate(0, 0) rotate(5.5deg);
transform:translate(0, 0) rotate(5.5deg)
}
56% {
-moz-transform:translate(0, 0) rotate(-.5deg);
transform:translate(0, 0) rotate(-.5deg)
}
58% {
-moz-transform:translate(0, 0) rotate(-6.5deg);
transform:translate(0, 0) rotate(-6.5deg)
}
60% {
-moz-transform:translate(0, 0) rotate(-4.5deg);
transform:translate(0, 0) rotate(-4.5deg)
}
62% {
-moz-transform:translate(0, 0) rotate(3.5deg);
transform:translate(0, 0) rotate(3.5deg)
}
64% {
-moz-transform:translate(0, 0) rotate(3.5deg);
transform:translate(0, 0) rotate(3.5deg)
}
66% {
-moz-transform:translate(0, 0) rotate(-2.5deg);
transform:translate(0, 0) rotate(-2.5deg)
}
68% {
-moz-transform:translate(0, 0) rotate(-3.5deg);
transform:translate(0, 0) rotate(-3.5deg)
}
70% {
-moz-transform:translate(0, 0) rotate(7.5deg);
transform:translate(0, 0) rotate(7.5deg)
}
72% {
-moz-transform:translate(0, 0) rotate(-4.5deg);
transform:translate(0, 0) rotate(-4.5deg)
}
74% {
-moz-transform:translate(0, 0) rotate(6.5deg);
transform:translate(0, 0) rotate(6.5deg)
}
76% {
-moz-transform:translate(0, 0) rotate(3.5deg);
transform:translate(0, 0) rotate(3.5deg)
}
78% {
-moz-transform:translate(0, 0) rotate(5.5deg);
transform:translate(0, 0) rotate(5.5deg)
}
80% {
-moz-transform:translate(0, 0) rotate(0.5deg);
transform:translate(0, 0) rotate(0.5deg)
}
82% {
-moz-transform:translate(0, 0) rotate(2.5deg);
transform:translate(0, 0) rotate(2.5deg)
}
84% {
-moz-transform:translate(0, 0) rotate(-6.5deg);
transform:translate(0, 0) rotate(-6.5deg)
}
86% {
-moz-transform:translate(0, 0) rotate(6.5deg);
transform:translate(0, 0) rotate(6.5deg)
}
88% {
-moz-transform:translate(0, 0) rotate(-6.5deg);
transform:translate(0, 0) rotate(-6.5deg)
}
90% {
-moz-transform:translate(0, 0) rotate(-3.5deg);
transform:translate(0, 0) rotate(-3.5deg)
}
92% {
-moz-transform:translate(0, 0) rotate(-5.5deg);
transform:translate(0, 0) rotate(-5.5deg)
}
94% {
-moz-transform:translate(0, 0) rotate(-1.5deg);
transform:translate(0, 0) rotate(-1.5deg)
}
96% {
-moz-transform:translate(0, 0) rotate(0.5deg);
transform:translate(0, 0) rotate(0.5deg)
}
98% {
-moz-transform:translate(0, 0) rotate(0.5deg);
transform:translate(0, 0) rotate(0.5deg)
}
0%, 100% {
-moz-transform:translate(0, 0) rotate(0);
transform:translate(0, 0) rotate(0)
}
}
@keyframes shake-rotate {
2% {
-webkit-transform:translate(0, 0) rotate(6.5deg);
-moz-transform:translate(0, 0) rotate(6.5deg);
transform:translate(0, 0) rotate(6.5deg)
}
4% {
-webkit-transform:translate(0, 0) rotate(5.5deg);
-moz-transform:translate(0, 0) rotate(5.5deg);
transform:translate(0, 0) rotate(5.5deg)
}
6% {
-webkit-transform:translate(0, 0) rotate(-3.5deg);
-moz-transform:translate(0, 0) rotate(-3.5deg);
transform:translate(0, 0) rotate(-3.5deg)
}
8% {
-webkit-transform:translate(0, 0) rotate(4.5deg);
-moz-transform:translate(0, 0) rotate(4.5deg);
transform:translate(0, 0) rotate(4.5deg)
}
10% {
-webkit-transform:translate(0, 0) rotate(5.5deg);
-moz-transform:translate(0, 0) rotate(5.5deg);
transform:translate(0, 0) rotate(5.5deg)
}
12% {
-webkit-transform:translate(0, 0) rotate(-.5deg);
-moz-transform:translate(0, 0) rotate(-.5deg);
transform:translate(0, 0) rotate(-.5deg)
}
14% {
-webkit-transform:translate(0, 0) rotate(-4.5deg);
-moz-transform:translate(0, 0) rotate(-4.5deg);
transform:translate(0, 0) rotate(-4.5deg)
}
16% {
-webkit-transform:translate(0, 0) rotate(-3.5deg);
-moz-transform:translate(0, 0) rotate(-3.5deg);
transform:translate(0, 0) rotate(-3.5deg)
}
18% {
-webkit-transform:translate(0, 0) rotate(3.5deg);
-moz-transform:translate(0, 0) rotate(3.5deg);
transform:translate(0, 0) rotate(3.5deg)
}
20% {
-webkit-transform:translate(0, 0) rotate(4.5deg);
-moz-transform:translate(0, 0) rotate(4.5deg);
transform:translate(0, 0) rotate(4.5deg)
}
22% {
-webkit-transform:translate(0, 0) rotate(-.5deg);
-moz-transform:translate(0, 0) rotate(-.5deg);
transform:translate(0, 0) rotate(-.5deg)
}
24% {
-webkit-transform:translate(0, 0) rotate(4.5deg);
-moz-transform:translate(0, 0) rotate(4.5deg);
transform:translate(0, 0) rotate(4.5deg)
}
26% {
-webkit-transform:translate(0, 0) rotate(5.5deg);
-moz-transform:translate(0, 0) rotate(5.5deg);
transform:translate(0, 0) rotate(5.5deg)
}
28% {
-webkit-transform:translate(0, 0) rotate(4.5deg);
-moz-transform:translate(0, 0) rotate(4.5deg);
transform:translate(0, 0) rotate(4.5deg)
}
30% {
-webkit-transform:translate(0, 0) rotate(-6.5deg);
-moz-transform:translate(0, 0) rotate(-6.5deg);
transform:translate(0, 0) rotate(-6.5deg)
}
32% {
-webkit-transform:translate(0, 0) rotate(-3.5deg);
-moz-transform:translate(0, 0) rotate(-3.5deg);
transform:translate(0, 0) rotate(-3.5deg)
}
34% {
-webkit-transform:translate(0, 0) rotate(-4.5deg);
-moz-transform:translate(0, 0) rotate(-4.5deg);
transform:translate(0, 0) rotate(-4.5deg)
}
36% {
-webkit-transform:translate(0, 0) rotate(-4.5deg);
-moz-transform:translate(0, 0) rotate(-4.5deg);
transform:translate(0, 0) rotate(-4.5deg)
}
38% {
-webkit-transform:translate(0, 0) rotate(0.5deg);
-moz-transform:translate(0, 0) rotate(0.5deg);
transform:translate(0, 0) rotate(0.5deg)
}
40% {
-webkit-transform:translate(0, 0) rotate(7.5deg);
-moz-transform:translate(0, 0) rotate(7.5deg);
transform:translate(0, 0) rotate(7.5deg)
}
42% {
-webkit-transform:translate(0, 0) rotate(-.5deg);
-moz-transform:translate(0, 0) rotate(-.5deg);
transform:translate(0, 0) rotate(-.5deg)
}
44% {
-webkit-transform:translate(0, 0) rotate(-6.5deg);
-moz-transform:translate(0, 0) rotate(-6.5deg);
transform:translate(0, 0) rotate(-6.5deg)
}
46% {
-webkit-transform:translate(0, 0) rotate(-2.5deg);
-moz-transform:translate(0, 0) rotate(-2.5deg);
transform:translate(0, 0) rotate(-2.5deg)
}
48% {
-webkit-transform:translate(0, 0) rotate(4.5deg);
-moz-transform:translate(0, 0) rotate(4.5deg);
transform:translate(0, 0) rotate(4.5deg)
}
50% {
-webkit-transform:translate(0, 0) rotate(1.5deg);
-moz-transform:translate(0, 0) rotate(1.5deg);
transform:translate(0, 0) rotate(1.5deg)
}
52% {
-webkit-transform:translate(0, 0) rotate(2.5deg);
-moz-transform:translate(0, 0) rotate(2.5deg);
transform:translate(0, 0) rotate(2.5deg)
}
54% {
-webkit-transform:translate(0, 0) rotate(5.5deg);
-moz-transform:translate(0, 0) rotate(5.5deg);
transform:translate(0, 0) rotate(5.5deg)
}
56% {
-webkit-transform:translate(0, 0) rotate(-.5deg);
-moz-transform:translate(0, 0) rotate(-.5deg);
transform:translate(0, 0) rotate(-.5deg)
}
58% {
-webkit-transform:translate(0, 0) rotate(-6.5deg);
-moz-transform:translate(0, 0) rotate(-6.5deg);
transform:translate(0, 0) rotate(-6.5deg)
}
60% {
-webkit-transform:translate(0, 0) rotate(-4.5deg);
-moz-transform:translate(0, 0) rotate(-4.5deg);
transform:translate(0, 0) rotate(-4.5deg)
}
62% {
-webkit-transform:translate(0, 0) rotate(3.5deg);
-moz-transform:translate(0, 0) rotate(3.5deg);
transform:translate(0, 0) rotate(3.5deg)
}
64% {
-webkit-transform:translate(0, 0) rotate(3.5deg);
-moz-transform:translate(0, 0) rotate(3.5deg);
transform:translate(0, 0) rotate(3.5deg)
}
66% {
-webkit-transform:translate(0, 0) rotate(-2.5deg);
-moz-transform:translate(0, 0) rotate(-2.5deg);
transform:translate(0, 0) rotate(-2.5deg)
}
68% {
-webkit-transform:translate(0, 0) rotate(-3.5deg);
-moz-transform:translate(0, 0) rotate(-3.5deg);
transform:translate(0, 0) rotate(-3.5deg)
}
70% {
-webkit-transform:translate(0, 0) rotate(7.5deg);
-moz-transform:translate(0, 0) rotate(7.5deg);
transform:translate(0, 0) rotate(7.5deg)
}
72% {
-webkit-transform:translate(0, 0) rotate(-4.5deg);
-moz-transform:translate(0, 0) rotate(-4.5deg);
transform:translate(0, 0) rotate(-4.5deg)
}
74% {
-webkit-transform:translate(0, 0) rotate(6.5deg);
-moz-transform:translate(0, 0) rotate(6.5deg);
transform:translate(0, 0) rotate(6.5deg)
}
76% {
-webkit-transform:translate(0, 0) rotate(3.5deg);
-moz-transform:translate(0, 0) rotate(3.5deg);
transform:translate(0, 0) rotate(3.5deg)
}
78% {
-webkit-transform:translate(0, 0) rotate(5.5deg);
-moz-transform:translate(0, 0) rotate(5.5deg);
transform:translate(0, 0) rotate(5.5deg)
}
80% {
-webkit-transform:translate(0, 0) rotate(0.5deg);
-moz-transform:translate(0, 0) rotate(0.5deg);
transform:translate(0, 0) rotate(0.5deg)
}
82% {
-webkit-transform:translate(0, 0) rotate(2.5deg);
-moz-transform:translate(0, 0) rotate(2.5deg);
transform:translate(0, 0) rotate(2.5deg)
}
84% {
-webkit-transform:translate(0, 0) rotate(-6.5deg);
-moz-transform:translate(0, 0) rotate(-6.5deg);
transform:translate(0, 0) rotate(-6.5deg)
}
86% {
-webkit-transform:translate(0, 0) rotate(6.5deg);
-moz-transform:translate(0, 0) rotate(6.5deg);
transform:translate(0, 0) rotate(6.5deg)
}
88% {
-webkit-transform:translate(0, 0) rotate(-6.5deg);
-moz-transform:translate(0, 0) rotate(-6.5deg);
transform:translate(0, 0) rotate(-6.5deg)
}
90% {
-webkit-transform:translate(0, 0) rotate(-3.5deg);
-moz-transform:translate(0, 0) rotate(-3.5deg);
transform:translate(0, 0) rotate(-3.5deg)
}
92% {
-webkit-transform:translate(0, 0) rotate(-5.5deg);
-moz-transform:translate(0, 0) rotate(-5.5deg);
transform:translate(0, 0) rotate(-5.5deg)
}
94% {
-webkit-transform:translate(0, 0) rotate(-1.5deg);
-moz-transform:translate(0, 0) rotate(-1.5deg);
transform:translate(0, 0) rotate(-1.5deg)
}
96% {
-webkit-transform:translate(0, 0) rotate(0.5deg);
-moz-transform:translate(0, 0) rotate(0.5deg);
transform:translate(0, 0) rotate(0.5deg)
}
98% {
-webkit-transform:translate(0, 0) rotate(0.5deg);
-moz-transform:translate(0, 0) rotate(0.5deg);
transform:translate(0, 0) rotate(0.5deg)
}
0%, 100% {
-webkit-transform:translate(0, 0) rotate(0);
-moz-transform:translate(0, 0) rotate(0);
transform:translate(0, 0) rotate(0)
}
}
.shake-rotate:hover, .shake-trigger:hover .shake-rotate, .shake-rotate.shake-freeze, .shake-rotate.shake-constant {
	-webkit-animation-name: shake-rotate;
	-moz-animation-name: shake-rotate;
	animation-name: shake-rotate;
	-webkit-animation-duration: 100ms;
	-moz-animation-duration: 100ms;
	animation-duration: 100ms;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
@-webkit-keyframes shake-opacity {
10% {
-webkit-transform:translate(-3px, -2px) rotate(-.5deg);
transform:translate(-3px, -2px) rotate(-.5deg);
opacity:.56
}
20% {
-webkit-transform:translate(2px, 0) rotate(2.5deg);
transform:translate(2px, 0) rotate(2.5deg);
opacity:.55
}
30% {
-webkit-transform:translate(2px, -1px) rotate(1.5deg);
transform:translate(2px, -1px) rotate(1.5deg);
opacity:.95
}
40% {
-webkit-transform:translate(2px, 4px) rotate(1.5deg);
transform:translate(2px, 4px) rotate(1.5deg);
opacity:.26
}
50% {
-webkit-transform:translate(-3px, -4px) rotate(2.5deg);
transform:translate(-3px, -4px) rotate(2.5deg);
opacity:.08
}
60% {
-webkit-transform:translate(2px, -4px) rotate(-.5deg);
transform:translate(2px, -4px) rotate(-.5deg);
opacity:.2
}
70% {
-webkit-transform:translate(0px, -2px) rotate(-1.5deg);
transform:translate(0px, -2px) rotate(-1.5deg);
opacity:.97
}
80% {
-webkit-transform:translate(-4px, -1px) rotate(0.5deg);
transform:translate(-4px, -1px) rotate(0.5deg);
opacity:.41
}
90% {
-webkit-transform:translate(-1px, 0) rotate(-.5deg);
transform:translate(-1px, 0) rotate(-.5deg);
opacity:.67
}
0%, 100% {
-webkit-transform:translate(0, 0) rotate(0);
transform:translate(0, 0) rotate(0)
}
}
@-moz-keyframes shake-opacity {
10% {
-moz-transform:translate(-3px, -2px) rotate(-.5deg);
transform:translate(-3px, -2px) rotate(-.5deg);
opacity:.56
}
20% {
-moz-transform:translate(2px, 0) rotate(2.5deg);
transform:translate(2px, 0) rotate(2.5deg);
opacity:.55
}
30% {
-moz-transform:translate(2px, -1px) rotate(1.5deg);
transform:translate(2px, -1px) rotate(1.5deg);
opacity:.95
}
40% {
-moz-transform:translate(2px, 4px) rotate(1.5deg);
transform:translate(2px, 4px) rotate(1.5deg);
opacity:.26
}
50% {
-moz-transform:translate(-3px, -4px) rotate(2.5deg);
transform:translate(-3px, -4px) rotate(2.5deg);
opacity:.08
}
60% {
-moz-transform:translate(2px, -4px) rotate(-.5deg);
transform:translate(2px, -4px) rotate(-.5deg);
opacity:.2
}
70% {
-moz-transform:translate(0px, -2px) rotate(-1.5deg);
transform:translate(0px, -2px) rotate(-1.5deg);
opacity:.97
}
80% {
-moz-transform:translate(-4px, -1px) rotate(0.5deg);
transform:translate(-4px, -1px) rotate(0.5deg);
opacity:.41
}
90% {
-moz-transform:translate(-1px, 0) rotate(-.5deg);
transform:translate(-1px, 0) rotate(-.5deg);
opacity:.67
}
0%, 100% {
-moz-transform:translate(0, 0) rotate(0);
transform:translate(0, 0) rotate(0)
}
}
@keyframes shake-opacity {
10% {
-webkit-transform:translate(-3px, -2px) rotate(-.5deg);
-moz-transform:translate(-3px, -2px) rotate(-.5deg);
transform:translate(-3px, -2px) rotate(-.5deg);
opacity:.56
}
20% {
-webkit-transform:translate(2px, 0) rotate(2.5deg);
-moz-transform:translate(2px, 0) rotate(2.5deg);
transform:translate(2px, 0) rotate(2.5deg);
opacity:.55
}
30% {
-webkit-transform:translate(2px, -1px) rotate(1.5deg);
-moz-transform:translate(2px, -1px) rotate(1.5deg);
transform:translate(2px, -1px) rotate(1.5deg);
opacity:.95
}
40% {
-webkit-transform:translate(2px, 4px) rotate(1.5deg);
-moz-transform:translate(2px, 4px) rotate(1.5deg);
transform:translate(2px, 4px) rotate(1.5deg);
opacity:.26
}
50% {
-webkit-transform:translate(-3px, -4px) rotate(2.5deg);
-moz-transform:translate(-3px, -4px) rotate(2.5deg);
transform:translate(-3px, -4px) rotate(2.5deg);
opacity:.08
}
60% {
-webkit-transform:translate(2px, -4px) rotate(-.5deg);
-moz-transform:translate(2px, -4px) rotate(-.5deg);
transform:translate(2px, -4px) rotate(-.5deg);
opacity:.2
}
70% {
-webkit-transform:translate(0px, -2px) rotate(-1.5deg);
-moz-transform:translate(0px, -2px) rotate(-1.5deg);
transform:translate(0px, -2px) rotate(-1.5deg);
opacity:.97
}
80% {
-webkit-transform:translate(-4px, -1px) rotate(0.5deg);
-moz-transform:translate(-4px, -1px) rotate(0.5deg);
transform:translate(-4px, -1px) rotate(0.5deg);
opacity:.41
}
90% {
-webkit-transform:translate(-1px, 0) rotate(-.5deg);
-moz-transform:translate(-1px, 0) rotate(-.5deg);
transform:translate(-1px, 0) rotate(-.5deg);
opacity:.67
}
0%, 100% {
-webkit-transform:translate(0, 0) rotate(0);
-moz-transform:translate(0, 0) rotate(0);
transform:translate(0, 0) rotate(0)
}
}
.shake-opacity:hover, .shake-trigger:hover .shake-opacity, .shake-opacity.shake-freeze, .shake-opacity.shake-constant {
	-webkit-animation-name: shake-opacity;
	-moz-animation-name: shake-opacity;
	animation-name: shake-opacity;
	-webkit-animation-duration: .5s;
	-moz-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
@-webkit-keyframes shake-crazy {
10% {
-webkit-transform:translate(-5px, -16px) rotate(4deg);
transform:translate(-5px, -16px) rotate(4deg);
opacity:.76
}
20% {
-webkit-transform:translate(19px, -6px) rotate(6deg);
transform:translate(19px, -6px) rotate(6deg);
opacity:.25
}
30% {
-webkit-transform:translate(11px, -3px) rotate(-3deg);
transform:translate(11px, -3px) rotate(-3deg);
opacity:.32
}
40% {
-webkit-transform:translate(-4px, -5px) rotate(7deg);
transform:translate(-4px, -5px) rotate(7deg);
opacity:.46
}
50% {
-webkit-transform:translate(-16px, -18px) rotate(-8deg);
transform:translate(-16px, -18px) rotate(-8deg);
opacity:.94
}
60% {
-webkit-transform:translate(6px, -4px) rotate(-4deg);
transform:translate(6px, -4px) rotate(-4deg);
opacity:.01
}
70% {
-webkit-transform:translate(-2px, 3px) rotate(-1deg);
transform:translate(-2px, 3px) rotate(-1deg);
opacity:.56
}
80% {
-webkit-transform:translate(15px, 5px) rotate(9deg);
transform:translate(15px, 5px) rotate(9deg);
opacity:.7
}
90% {
-webkit-transform:translate(-5px, 13px) rotate(8deg);
transform:translate(-5px, 13px) rotate(8deg);
opacity:.67
}
0%, 100% {
-webkit-transform:translate(0, 0) rotate(0);
transform:translate(0, 0) rotate(0)
}
}
@-moz-keyframes shake-crazy {
10% {
-moz-transform:translate(-5px, -16px) rotate(4deg);
transform:translate(-5px, -16px) rotate(4deg);
opacity:.76
}
20% {
-moz-transform:translate(19px, -6px) rotate(6deg);
transform:translate(19px, -6px) rotate(6deg);
opacity:.25
}
30% {
-moz-transform:translate(11px, -3px) rotate(-3deg);
transform:translate(11px, -3px) rotate(-3deg);
opacity:.32
}
40% {
-moz-transform:translate(-4px, -5px) rotate(7deg);
transform:translate(-4px, -5px) rotate(7deg);
opacity:.46
}
50% {
-moz-transform:translate(-16px, -18px) rotate(-8deg);
transform:translate(-16px, -18px) rotate(-8deg);
opacity:.94
}
60% {
-moz-transform:translate(6px, -4px) rotate(-4deg);
transform:translate(6px, -4px) rotate(-4deg);
opacity:.01
}
70% {
-moz-transform:translate(-2px, 3px) rotate(-1deg);
transform:translate(-2px, 3px) rotate(-1deg);
opacity:.56
}
80% {
-moz-transform:translate(15px, 5px) rotate(9deg);
transform:translate(15px, 5px) rotate(9deg);
opacity:.7
}
90% {
-moz-transform:translate(-5px, 13px) rotate(8deg);
transform:translate(-5px, 13px) rotate(8deg);
opacity:.67
}
0%, 100% {
-moz-transform:translate(0, 0) rotate(0);
transform:translate(0, 0) rotate(0)
}
}
@keyframes shake-crazy {
10% {
-webkit-transform:translate(-5px, -16px) rotate(4deg);
-moz-transform:translate(-5px, -16px) rotate(4deg);
transform:translate(-5px, -16px) rotate(4deg);
opacity:.76
}
20% {
-webkit-transform:translate(19px, -6px) rotate(6deg);
-moz-transform:translate(19px, -6px) rotate(6deg);
transform:translate(19px, -6px) rotate(6deg);
opacity:.25
}
30% {
-webkit-transform:translate(11px, -3px) rotate(-3deg);
-moz-transform:translate(11px, -3px) rotate(-3deg);
transform:translate(11px, -3px) rotate(-3deg);
opacity:.32
}
40% {
-webkit-transform:translate(-4px, -5px) rotate(7deg);
-moz-transform:translate(-4px, -5px) rotate(7deg);
transform:translate(-4px, -5px) rotate(7deg);
opacity:.46
}
50% {
-webkit-transform:translate(-16px, -18px) rotate(-8deg);
-moz-transform:translate(-16px, -18px) rotate(-8deg);
transform:translate(-16px, -18px) rotate(-8deg);
opacity:.94
}
60% {
-webkit-transform:translate(6px, -4px) rotate(-4deg);
-moz-transform:translate(6px, -4px) rotate(-4deg);
transform:translate(6px, -4px) rotate(-4deg);
opacity:.01
}
70% {
-webkit-transform:translate(-2px, 3px) rotate(-1deg);
-moz-transform:translate(-2px, 3px) rotate(-1deg);
transform:translate(-2px, 3px) rotate(-1deg);
opacity:.56
}
80% {
-webkit-transform:translate(15px, 5px) rotate(9deg);
-moz-transform:translate(15px, 5px) rotate(9deg);
transform:translate(15px, 5px) rotate(9deg);
opacity:.7
}
90% {
-webkit-transform:translate(-5px, 13px) rotate(8deg);
-moz-transform:translate(-5px, 13px) rotate(8deg);
transform:translate(-5px, 13px) rotate(8deg);
opacity:.67
}
0%, 100% {
-webkit-transform:translate(0, 0) rotate(0);
-moz-transform:translate(0, 0) rotate(0);
transform:translate(0, 0) rotate(0)
}
}
.shake-crazy:hover, .shake-trigger:hover .shake-crazy, .shake-crazy.shake-freeze, .shake-crazy.shake-constant {
	-webkit-animation-name: shake-crazy;
	-moz-animation-name: shake-crazy;
	animation-name: shake-crazy;
	-webkit-animation-duration: 100ms;
	-moz-animation-duration: 100ms;
	animation-duration: 100ms;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
@-webkit-keyframes shake-chunk {
2% {
-webkit-transform:translate(9px, -10px) rotate(-10deg);
transform:translate(9px, -10px) rotate(-10deg)
}
4% {
-webkit-transform:translate(10px, 13px) rotate(8deg);
transform:translate(10px, 13px) rotate(8deg)
}
6% {
-webkit-transform:translate(-14px, -9px) rotate(11deg);
transform:translate(-14px, -9px) rotate(11deg)
}
8% {
-webkit-transform:translate(-9px, 4px) rotate(6deg);
transform:translate(-9px, 4px) rotate(6deg)
}
10% {
-webkit-transform:translate(-6px, 2px) rotate(7deg);
transform:translate(-6px, 2px) rotate(7deg)
}
12% {
-webkit-transform:translate(-7px, -4px) rotate(5deg);
transform:translate(-7px, -4px) rotate(5deg)
}
14% {
-webkit-transform:translate(12px, -7px) rotate(-6deg);
transform:translate(12px, -7px) rotate(-6deg)
}
16% {
-webkit-transform:translate(14px, -12px) rotate(6deg);
transform:translate(14px, -12px) rotate(6deg)
}
18% {
-webkit-transform:translate(12px, 0) rotate(5deg);
transform:translate(12px, 0) rotate(5deg)
}
20% {
-webkit-transform:translate(-6px, 13px) rotate(10deg);
transform:translate(-6px, 13px) rotate(10deg)
}
22% {
-webkit-transform:translate(-7px, 0) rotate(0deg);
transform:translate(-7px, 0) rotate(0deg)
}
24% {
-webkit-transform:translate(6px, 1px) rotate(4deg);
transform:translate(6px, 1px) rotate(4deg)
}
26% {
-webkit-transform:translate(15px, 7px) rotate(-8deg);
transform:translate(15px, 7px) rotate(-8deg)
}
28% {
-webkit-transform:translate(4px, 10px) rotate(12deg);
transform:translate(4px, 10px) rotate(12deg)
}
30% {
-webkit-transform:translate(-4px, -7px) rotate(-3deg);
transform:translate(-4px, -7px) rotate(-3deg)
}
32% {
-webkit-transform:translate(11px, 13px) rotate(3deg);
transform:translate(11px, 13px) rotate(3deg)
}
34% {
-webkit-transform:translate(5px, 8px) rotate(1deg);
transform:translate(5px, 8px) rotate(1deg)
}
36% {
-webkit-transform:translate(13px, 4px) rotate(13deg);
transform:translate(13px, 4px) rotate(13deg)
}
38% {
-webkit-transform:translate(-9px, 12px) rotate(11deg);
transform:translate(-9px, 12px) rotate(11deg)
}
0%, 40%, 100% {
-webkit-transform:translate(0, 0) rotate(0);
transform:translate(0, 0) rotate(0)
}
}
@-moz-keyframes shake-chunk {
2% {
-moz-transform:translate(9px, -10px) rotate(-10deg);
transform:translate(9px, -10px) rotate(-10deg)
}
4% {
-moz-transform:translate(10px, 13px) rotate(8deg);
transform:translate(10px, 13px) rotate(8deg)
}
6% {
-moz-transform:translate(-14px, -9px) rotate(11deg);
transform:translate(-14px, -9px) rotate(11deg)
}
8% {
-moz-transform:translate(-9px, 4px) rotate(6deg);
transform:translate(-9px, 4px) rotate(6deg)
}
10% {
-moz-transform:translate(-6px, 2px) rotate(7deg);
transform:translate(-6px, 2px) rotate(7deg)
}
12% {
-moz-transform:translate(-7px, -4px) rotate(5deg);
transform:translate(-7px, -4px) rotate(5deg)
}
14% {
-moz-transform:translate(12px, -7px) rotate(-6deg);
transform:translate(12px, -7px) rotate(-6deg)
}
16% {
-moz-transform:translate(14px, -12px) rotate(6deg);
transform:translate(14px, -12px) rotate(6deg)
}
18% {
-moz-transform:translate(12px, 0) rotate(5deg);
transform:translate(12px, 0) rotate(5deg)
}
20% {
-moz-transform:translate(-6px, 13px) rotate(10deg);
transform:translate(-6px, 13px) rotate(10deg)
}
22% {
-moz-transform:translate(-7px, 0) rotate(0deg);
transform:translate(-7px, 0) rotate(0deg)
}
24% {
-moz-transform:translate(6px, 1px) rotate(4deg);
transform:translate(6px, 1px) rotate(4deg)
}
26% {
-moz-transform:translate(15px, 7px) rotate(-8deg);
transform:translate(15px, 7px) rotate(-8deg)
}
28% {
-moz-transform:translate(4px, 10px) rotate(12deg);
transform:translate(4px, 10px) rotate(12deg)
}
30% {
-moz-transform:translate(-4px, -7px) rotate(-3deg);
transform:translate(-4px, -7px) rotate(-3deg)
}
32% {
-moz-transform:translate(11px, 13px) rotate(3deg);
transform:translate(11px, 13px) rotate(3deg)
}
34% {
-moz-transform:translate(5px, 8px) rotate(1deg);
transform:translate(5px, 8px) rotate(1deg)
}
36% {
-moz-transform:translate(13px, 4px) rotate(13deg);
transform:translate(13px, 4px) rotate(13deg)
}
38% {
-moz-transform:translate(-9px, 12px) rotate(11deg);
transform:translate(-9px, 12px) rotate(11deg)
}
0%, 40%, 100% {
-moz-transform:translate(0, 0) rotate(0);
transform:translate(0, 0) rotate(0)
}
}
@keyframes shake-chunk {
2% {
-webkit-transform:translate(9px, -10px) rotate(-10deg);
-moz-transform:translate(9px, -10px) rotate(-10deg);
transform:translate(9px, -10px) rotate(-10deg)
}
4% {
-webkit-transform:translate(10px, 13px) rotate(8deg);
-moz-transform:translate(10px, 13px) rotate(8deg);
transform:translate(10px, 13px) rotate(8deg)
}
6% {
-webkit-transform:translate(-14px, -9px) rotate(11deg);
-moz-transform:translate(-14px, -9px) rotate(11deg);
transform:translate(-14px, -9px) rotate(11deg)
}
8% {
-webkit-transform:translate(-9px, 4px) rotate(6deg);
-moz-transform:translate(-9px, 4px) rotate(6deg);
transform:translate(-9px, 4px) rotate(6deg)
}
10% {
-webkit-transform:translate(-6px, 2px) rotate(7deg);
-moz-transform:translate(-6px, 2px) rotate(7deg);
transform:translate(-6px, 2px) rotate(7deg)
}
12% {
-webkit-transform:translate(-7px, -4px) rotate(5deg);
-moz-transform:translate(-7px, -4px) rotate(5deg);
transform:translate(-7px, -4px) rotate(5deg)
}
14% {
-webkit-transform:translate(12px, -7px) rotate(-6deg);
-moz-transform:translate(12px, -7px) rotate(-6deg);
transform:translate(12px, -7px) rotate(-6deg)
}
16% {
-webkit-transform:translate(14px, -12px) rotate(6deg);
-moz-transform:translate(14px, -12px) rotate(6deg);
transform:translate(14px, -12px) rotate(6deg)
}
18% {
-webkit-transform:translate(12px, 0) rotate(5deg);
-moz-transform:translate(12px, 0) rotate(5deg);
transform:translate(12px, 0) rotate(5deg)
}
20% {
-webkit-transform:translate(-6px, 13px) rotate(10deg);
-moz-transform:translate(-6px, 13px) rotate(10deg);
transform:translate(-6px, 13px) rotate(10deg)
}
22% {
-webkit-transform:translate(-7px, 0) rotate(0deg);
-moz-transform:translate(-7px, 0) rotate(0deg);
transform:translate(-7px, 0) rotate(0deg)
}
24% {
-webkit-transform:translate(6px, 1px) rotate(4deg);
-moz-transform:translate(6px, 1px) rotate(4deg);
transform:translate(6px, 1px) rotate(4deg)
}
26% {
-webkit-transform:translate(15px, 7px) rotate(-8deg);
-moz-transform:translate(15px, 7px) rotate(-8deg);
transform:translate(15px, 7px) rotate(-8deg)
}
28% {
-webkit-transform:translate(4px, 10px) rotate(12deg);
-moz-transform:translate(4px, 10px) rotate(12deg);
transform:translate(4px, 10px) rotate(12deg)
}
30% {
-webkit-transform:translate(-4px, -7px) rotate(-3deg);
-moz-transform:translate(-4px, -7px) rotate(-3deg);
transform:translate(-4px, -7px) rotate(-3deg)
}
32% {
-webkit-transform:translate(11px, 13px) rotate(3deg);
-moz-transform:translate(11px, 13px) rotate(3deg);
transform:translate(11px, 13px) rotate(3deg)
}
34% {
-webkit-transform:translate(5px, 8px) rotate(1deg);
-moz-transform:translate(5px, 8px) rotate(1deg);
transform:translate(5px, 8px) rotate(1deg)
}
36% {
-webkit-transform:translate(13px, 4px) rotate(13deg);
-moz-transform:translate(13px, 4px) rotate(13deg);
transform:translate(13px, 4px) rotate(13deg)
}
38% {
-webkit-transform:translate(-9px, 12px) rotate(11deg);
-moz-transform:translate(-9px, 12px) rotate(11deg);
transform:translate(-9px, 12px) rotate(11deg)
}
0%, 40%, 100% {
-webkit-transform:translate(0, 0) rotate(0);
-moz-transform:translate(0, 0) rotate(0);
transform:translate(0, 0) rotate(0)
}
}
.shake-chunk:hover, .shake-trigger:hover .shake-chunk, .shake-chunk.shake-freeze, .shake-chunk.shake-constant {
	-webkit-animation-name: shake-chunk;
	-moz-animation-name: shake-chunk;
	animation-name: shake-chunk;
	-webkit-animation-duration: 4s;
	-moz-animation-duration: 4s;
	animation-duration: 4s;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
.industry-model {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
	z-index: 999
}
.industry-model .industry-main {
	z-index: 2;
	position: relative;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 850px;
	height: 473px;
	background: #fff;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	overflow: hidden;
	padding: 20px
}
.industry-model .industry-main .industry-head {
	width: 100%;
	height: 32px;
	line-height: 32px
}
.industry-model .industry-main .industry-head img {
	float: left;
	width: 32px;
	height: 32px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-right: 10px
}
.industry-model .industry-main .industry-head p {
	float: left;
	height: 32px;
	line-height: 32px;
	font-size: 16px;
	color: rgba(0,0,0,.65)
}
.industry-model .industry-main .industry-head p.username {
	color: #00be6e;
	margin-right: 10px
}
.industry-model .industry-main .industry-head p em {
	font-size: 12px;
	color: #999
}
.industry-model .industry-main .industry-head p:last-child {
	float: right
}
.industry-model .industry-main .industry-content {
	width: 630px;
	height: 320px;
	margin: 0 auto;
	margin-top: 25px
}
.industry-model .industry-main .industry-content .title {
	width: 100%;
	font-size: 14px;
	color: rgba(0,0,0,.65);
	margin-bottom: 20px
}
.industry-model .industry-main .industry-content .industry-list {
	width: 100%;
	height: 280px;
	padding: 10px 0;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #dfe3e9
}
.industry-model .industry-main .industry-content .industry-list ul {
	float: left;
	width: 50%;
	height: 100%;
	overflow-y: auto
}
.industry-model .industry-main .industry-content .industry-list ul li {
	width: -webkit-calc(100% - 10px);
	width: -moz-calc(100% - 10px);
	width: calc(100% - 10px);
	height: 43px;
	line-height: 43px;
	text-align: center;
	font-size: 14px;
	color: rgba(0,0,0,.65);
	cursor: pointer
}
.industry-model .industry-main .industry-content .industry-list ul li.active {
	background: #e3ffed
}
.industry-model .industry-main .industry-content .industry-list ul::-webkit-scrollbar {
width:6px;
height:10px;
-webkit-border-radius:6px;
border-radius:6px;
background-color:#DEDEDE;
position:absolute;
right:5px
}
.industry-model .industry-main .industry-content .industry-list ul::-webkit-scrollbar-track {
-webkit-border-radius:6px;
border-radius:6px;
background-color:#DEDEDE
}
.industry-model .industry-main .industry-content .industry-list ul::-webkit-scrollbar-thumb {
width:6px;
-webkit-border-radius:6px;
border-radius:6px;
background-color:#B6B6B6
}
.industry-model .industry-main .industry-foot {
	position: relative;
	width: 100%;
	height: 36px;
	margin-top: 20px
}
.industry-model .industry-main .industry-foot p {
	float: left;
	height: 100%;
	cursor: pointer
}
.industry-model .industry-main .industry-foot p.close {
	line-height: 36px;
	font-size: 12px;
	color: #999
}
.industry-model .industry-main .industry-foot p.submit {
	position: relative;
	left: 45%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 90px;
	height: 36px;
	line-height: 36px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
	background: -webkit-gradient(linear, left top, right top, from(#32e696), to(#00be6e));
	background: -webkit-linear-gradient(left, #32e696 0, #00be6e 100%);
	background: -moz- oldlinear-gradient(left, #32e696 0, #00be6e 100%);
	background: linear-gradient(90deg, #32e696 0, #00be6e 100%);
	font-size: 14px;
	color: #fff
}
.market-dialog-model {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0
}
.market-dialog-model.market_style .market-dialog-main {
	position: relative;
	display: inline-block;
	max-width: 1200px;
	max-height: 760px;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
.market-dialog-model.market_style .market-dialog-main .icon-guanbi {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border: 1px solid #fff;
	color: #fff;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	font-size: 24px;
	cursor: pointer
}
.market-dialog-model.market_coupon .market-dialog-main2 {
	position: relative;
	width: 423px;
	height: 560px;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
.market-dialog-model.market_coupon .market-dialog-main2 .icon-guanbi {
	position: absolute;
	width: 34px;
	height: 34px;
	top: 0;
	right: 0;
	line-height: 34px;
	text-align: center;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #fff;
	color: #fff;
	cursor: pointer
}
.market-dialog-model.market_coupon .market-dialog-main2 a {
	display: inline-block;
	width: 100%;
	height: 100%
}
.market-dialog-model.market_coupon .market-dialog-main2.banner-market {
	background-image: url(../images/market/style2.png);
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	cursor: pointer;
	overflow: hidden
}
.market-dialog-model.market_coupon .market-dialog-main2.banner-market p {
	width: 100%;
	text-align: center;
	text-shadow: .1em .1em rgba(0,0,0,.1)
}
.market-dialog-model.market_coupon .market-dialog-main2.banner-market p.title {
	font-size: 27px;
	font-weight: 400;
	color: #ffe06b;
	margin-top: 220px
}
.market-dialog-model.market_coupon .market-dialog-main2.banner-market p.subTitle {
	margin-top: 5px;
	font-size: 27px;
	font-weight: 400;
	color: #fff
}
.market-dialog-model.market_coupon .market-dialog-main2.banner-market2 {
	display: none;
	width: 577px;
	height: 597px;
	background-image: url(../images/market/style2-1.png);
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	overflow: hidden
}
.market-dialog-model.market_coupon .market-dialog-main2.banner-market2 .title2 {
	width: 100%;
	text-align: center;
	text-shadow: .1em .1em rgba(0,0,0,.1);
	font-size: 27px;
	font-weight: 400;
	color: #ee472f;
	margin-top: 20px
}
.market-dialog-model.market_coupon .market-dialog-main2.banner-market2 .main {
	width: 430px;
	height: 278px;
	margin: 0 auto;
	margin-top: 30px;
	overflow: auto
}
.market-dialog-model.market_coupon .market-dialog-main2.banner-market2 .main li {
	width: 420px;
	height: 84px;
	margin-bottom: 8px;
	background-image: url(../images/market/style2_item.png);
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}
.market-dialog-model.market_coupon .market-dialog-main2.banner-market2 .main li div {
	float: left;
	height: 100%
}
.market-dialog-model.market_coupon .market-dialog-main2.banner-market2 .main li div.left {
	width: 180px;
	padding-top: 12px
}
.market-dialog-model.market_coupon .market-dialog-main2.banner-market2 .main li div.left p {
	text-align: center;
	color: #fff;
	font-size: 10px
}
.market-dialog-model.market_coupon .market-dialog-main2.banner-market2 .main li div.left p em {
	font-size: 30px
}
.market-dialog-model.market_coupon .market-dialog-main2.banner-market2 .main li div.right {
	width: 240px;
	padding-top: 20px
}
.market-dialog-model.market_coupon .market-dialog-main2.banner-market2 .main li div.right p {
	text-align: center;
	color: #b8b8b8;
	font-size: 12px
}
.market-dialog-model.market_coupon .market-dialog-main2.banner-market2 .main li div.right p:first-child {
	color: #ee472f;
	font-size: 24px
}
.market-dialog-model.market_coupon .market-dialog-main2.banner-market2 .main li:last-child {
	margin-bottom: 0
}
.market-dialog-model.market_coupon .market-dialog-main2.banner-market2 .main::-webkit-scrollbar {
width:6px;
height:10px;
-webkit-border-radius:6px;
border-radius:6px;
background-color:#DEDEDE;
position:absolute;
right:5px
}
.market-dialog-model.market_coupon .market-dialog-main2.banner-market2 .main::-webkit-scrollbar-track {
-webkit-border-radius:6px;
border-radius:6px;
background-color:#DEDEDE
}
.market-dialog-model.market_coupon .market-dialog-main2.banner-market2 .main::-webkit-scrollbar-thumb {
width:6px;
-webkit-border-radius:6px;
border-radius:6px;
background-color:#B6B6B6
}
.market-dialog-model.market_coupon .market-dialog-main3 {
	position: relative;
	width: 446px;
	height: 460px;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-image: url(../images/market/style3.png);
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	overflow: hidden
}
.market-dialog-model.market_coupon .market-dialog-main3 a {
	display: inline-block;
	width: 100%;
	height: 100%
}
.market-dialog-model.market_coupon .market-dialog-main3 .icon-guanbi {
	position: absolute;
	width: 34px;
	height: 34px;
	top: 0;
	right: 0;
	line-height: 34px;
	text-align: center;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #fff;
	color: #fff;
	cursor: pointer
}
.market-dialog-model.market_coupon .market-dialog-main3 .head {
	width: 100%;
	margin-top: 130px;
	margin-bottom: 20px
}
.market-dialog-model.market_coupon .market-dialog-main3 .head p {
	width: 100%;
	text-shadow: .1em .1em rgba(0,0,0,.1);
	text-align: center
}
.market-dialog-model.market_coupon .market-dialog-main3 .head p.title {
	font-size: 16px;
	font-weight: 400;
	color: #fff
}
.market-dialog-model.market_coupon .market-dialog-main3 .head p.subTitle {
	margin-top: 5px;
	font-size: 21px;
	font-weight: 400;
	color: #fff
}
.market-dialog-model.market_coupon .market-dialog-main3 .main {
	width: 278px;
	height: 160px;
	overflow: auto;
	margin: 0 auto
}
.market-dialog-model.market_coupon .market-dialog-main3 .main li {
	width: 268px;
	height: 48px;
	margin-bottom: 8px;
	background-image: url(../images/market/style3_item.png);
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}
.market-dialog-model.market_coupon .market-dialog-main3 .main li:last-child {
	margin-bottom: 0
}
.market-dialog-model.market_coupon .market-dialog-main3 .main li div {
	float: left;
	height: 100%
}
.market-dialog-model.market_coupon .market-dialog-main3 .main li div p {
	width: 100%
}
.market-dialog-model.market_coupon .market-dialog-main3 .main li div.left {
	width: 185px;
	padding-left: 10px;
	padding-top: 7px
}
.market-dialog-model.market_coupon .market-dialog-main3 .main li div.left p:first-child {
	font-size: 14px;
	font-weight: 500;
	color: #333
}
.market-dialog-model.market_coupon .market-dialog-main3 .main li div.left p:last-child {
	font-size: 12px;
	font-weight: 400;
	color: #b8b8b8
}
.market-dialog-model.market_coupon .market-dialog-main3 .main li div.right {
	width: 80px;
	padding-top: 1px
}
.market-dialog-model.market_coupon .market-dialog-main3 .main li div.right p {
	text-align: center
}
.market-dialog-model.market_coupon .market-dialog-main3 .main li div.right p:first-child {
	font-size: 18px;
	font-weight: 500;
	color: #ed3833
}
.market-dialog-model.market_coupon .market-dialog-main3 .main li div.right p:first-child em {
	font-size: 10px
}
.market-dialog-model.market_coupon .market-dialog-main3 .main li div.right p:last-child {
	font-size: 12px;
	font-weight: 400;
	color: #b8b8b8
}
.market-dialog-model.market_coupon .market-dialog-main3 .main::-webkit-scrollbar {
width:6px;
height:10px;
-webkit-border-radius:6px;
border-radius:6px;
background-color:#DEDEDE;
position:absolute;
right:5px
}
.market-dialog-model.market_coupon .market-dialog-main3 .main::-webkit-scrollbar-track {
-webkit-border-radius:6px;
border-radius:6px;
background-color:#DEDEDE
}
.market-dialog-model.market_coupon .market-dialog-main3 .main::-webkit-scrollbar-thumb {
width:6px;
-webkit-border-radius:6px;
border-radius:6px;
background-color:#B6B6B6
}
.market-index-banner {
	display: none;
	position: relative;
	width: 100%;
	height: 80px;
	max-width: 100%;
	margin: 0 auto;
	background: #fff
}
.market-index-banner>a {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center
}
.market-index-banner .icon-guanbi {
	position: absolute;
	top: 5px;
	right: 10px;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	border: 1px solid rgba(255,255,255,.79);
	color: #fff;
	font-size: 13px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer
}
.right-market-model {
	display: none;
	position: fixed;
	right: 10px;
	bottom: 440px;
	width: 60px;
	height: auto;
	z-index: 100
}
.right-market-model i {
	width: 18px;
	height: 18px;
	position: absolute;
	cursor: pointer;
	top: -22px;
	right: 0;
	color: #929292;
	border: 1px solid #929292;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	line-height: 18px;
	text-align: center;
	font-size: 12px;
	overflow: hidden;
	z-index: 10
}
.right-market-model a {
	display: inline-block;
	width: 100%
}
.right-market-model a img {
	display: inline-block;
	width: 100%
}
.search-v3-row {
	width: 100%;
	min-width: 960px;
	height: auto;
	background: #fff;
	padding-top: 1px
}
.search-v3-back {
	width: 100%;
	height: 90px;
	background: url(../images/searchV3/bj.jpg) center;
	min-width: 960px
}
.search-v3-back .back-no-login {
	width: 100%;
	height: 100%;
	padding: 0 30px;
	background: rgba(0,0,0,.3)
}
.search-v3-back .back-no-login .no-login-left {
	color: #fff;
	font-size: 14px;
	width: auto;
	height: 100%;
	padding-top: 20px
}
.search-v3-back .back-no-login .no-login-left strong {
	color: #fff;
	font-weight: 700;
	font-size: 20px
}
.search-v3-back .back-no-login .no-login-right {
	font-size: 14px;
	color: #fff;
	width: auto;
	height: 100%;
	padding-top: 20px
}
.search-v3-back .back-no-login .no-login-right a {
	width: 46px;
	height: 45px;
	display: inline-block;
	vertical-align: -16px;
	margin-left: 15px;
	background: url(../images/searchV3/icon2.png) no-repeat
}
.search-v3-back .back-no-login .no-login-right a.wx {
	background-position-y: -47px
}
.search-v3-back .back-no-login .no-login-right a.wb {
	background-position-y: -94px
}
.search-v3-back.active {
	background: rgba(0,0,0,.5);
	height: 70px;
	position: fixed;
	top: 64px;
	z-index: 900
}
.search-v3-back.active .back-no-login .no-login-left, .search-v3-back.active .back-no-login .no-login-right {
	padding-top: 12px
}
.search-v3-back.active+.seize-seat {
	display: block
}
.search-v3-back+.seize-seat {
	width: 100%;
	height: 90px;
	display: none
}
.banner-box {
	width: 100%;
	min-width: 960px;
	height: 100px;
	overflow: hidden
}
.banner-box .category-title, .banner-box .category-desc {
	width: 90%;
	height: 34px;
	line-height: 34px;
	padding: 0 12px;
	margin: 0 auto;
	margin-top: 25px;
	text-align: left;
	font-size: 24px;
	font-weight: 300;
	color: #fff
}
.banner-box .category-desc {
	height: 16px;
	line-height: 16px;
	margin-top: 4px;
	font-size: 12px
}
.search-v3-screen {
	width: 90%;
	height: auto;
	margin: 0 auto
}
.search-v3-screen .search-position {
	width: 100%;
	height: 45px;
	line-height: 45px;
	border-bottom: 1px solid #F4F4F4;
	padding: 0 14px;
	font-size: 12px;
	color: #B6B6B6;
	position: relative
}
.search-v3-screen .search-position .position-left {
	width: 920px;
	height: 100%;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	white-space: nowrap
}
.search-v3-screen .search-position .position-left a {
	color: #B6B6B6
}
.search-v3-screen .search-position .position-left a:hover {
	color: #00be6e
}
.search-v3-screen .search-position .number-right {
	min-width: 86px;
	height: 20px;
	position: absolute;
	right: 100px;
	top: 14px;
	line-height: 20px;
	font-size: 12px;
	color: #B6B6B6;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	transition: all .2s ease;
	background: #fff
}
.search-v3-screen .search-position .number-right i {
	color: #00be6e
}
.search-v3-screen .search-position .number-right .works-num {
	margin-right: 10px
}
.search-v3-screen .search-position .is-sreen {
	width: 80px;
	height: 20px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size: 12px;
	background: #fff;
	color: gray;
	padding-left: 14px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	transition: all .2s ease;
	position: absolute;
	right: 10px;
	top: 13px;
	line-height: 20px
}
.search-v3-screen .search-position .is-sreen .icon {
	font-size: 16px;
	position: absolute;
	left: 4px;
	top: 1px
}
.search-v3-screen .search-position .is-sreen:hover {
	background: #f4f4f4;
	color: #00be6e
}
.search-v3-screen .search-position .is-sreen:hover .icon {
	color: #00be6e
}
.search-v3-screen .search-position i.icon {
	font-size: 12px;
	color: #B6B6B6
}
.search-v3-screen .search-position a.icon {
	margin-left: 10px;
	font-size: 12px;
	color: #BFBFBF;
	position: absolute;
	right: 0;
	width: 14px;
	height: 100%;
	background: #EDFFF4;
	line-height: 22px;
	top: 0;
	display: none
}
.search-v3-screen .search-position .is-dashed.is-one-class em {
	margin-right: 6px
}
.search-v3-screen .search-position .is-dashed em {
	padding: 2px 8px;
	border: 1px dashed #C7C7C7;
	margin-right: 8px;
	position: relative;
	cursor: pointer
}
.search-v3-screen .search-position .is-dashed.active em, .search-v3-screen .search-position .is-dashed:hover em {
	border-color: #00be6e;
	color: #00be6e
}
.search-v3-screen .search-position .is-dashed.active em .icon, .search-v3-screen .search-position .is-dashed:hover em .icon {
	display: block;
	color: #00be6e
}
.search-v3-screen .search-class {
	width: 100%;
	height: auto;
	border-bottom: 1px solid #F4F4F4;
	padding: 0 14px;
	padding-top: 15px
}
.search-v3-screen .search-class li {
	margin-bottom: 10px;
	font-size: 12px;
	height: 33px;
	min-height: 33px;
	overflow: hidden;
	line-height: 12px;
	color: #666;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
	border-bottom: 1px solid #eee;
}
.search-v3-screen .search-class li.active {
	height: 52px;
	min-height: 52px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease
}
.search-v3-screen .search-class li .class-title {
	display: block;
	line-height: 20px;
	margin-right: 6px
}
.search-v3-screen .search-class li .class-jump {
	width: 970px
}
.search-v3-screen .search-class li .class-jump a.jump {
	display: inline-block;
	height: 24px;
	padding: 0 8px;
	line-height: 24px;
	color: #666;
	margin-right: 10px;
	margin-bottom: 6px
}
.search-v3-screen .search-class li .class-jump a.jump em {
	display: none
}
.search-v3-screen .search-class li .class-jump a.jump.active, .search-v3-screen .search-class li .class-jump a.jump:hover {
	padding: 0 10px;
    margin-right: 10px;
    height: 24px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 24px;
    border: 1px solid #2f9833;
    background: #2f9833;
	
}
.search-v3-screen .search-class li.is-spell .class-jump a.jump:nth-child(1).active, .search-v3-screen .search-class li.is-spell .class-jump a.jump:nth-child(1):hover, .search-v3-screen .search-class li.is-ext .class-jump a.jump:nth-child(1).active, .search-v3-screen .search-class li.is-ext .class-jump a.jump:nth-child(1):hover {
	color: #00be6e;
	background: #fff;
	border-color: #fff
}
.search-v3-screen .search-class li.is-spell .class-jump a.jump:nth-child(1).active:hover .is-close, .search-v3-screen .search-class li.is-ext .class-jump a.jump:nth-child(1).active:hover .is-close {
	display: none
}
.search-v3-screen .search-class li.is-spell .class-jump .is-close, .search-v3-screen .search-class li.is-ext .class-jump .is-close {
	display: none;
	position: absolute;
	width: 12px;
	height: 17px;
	right: 1px;
	top: 0;
	padding-top: 4px;
	background: #EDFFF4
}
.search-v3-screen .search-class li.is-spell .class-jump .is-close img, .search-v3-screen .search-class li.is-ext .class-jump .is-close img {
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 auto
}
.search-v3-screen .search-class li.is-spell .class-jump a.jump, .search-v3-screen .search-class li.is-ext .class-jump a.jump {
	border: 1px dotted #fff;
	position: relative
}
.search-v3-screen .search-class li.is-spell .class-jump a.jump.active, .search-v3-screen .search-class li.is-spell .class-jump a.jump:hover, .search-v3-screen .search-class li.is-ext .class-jump a.jump.active, .search-v3-screen .search-class li.is-ext .class-jump a.jump:hover {
	background: #fff;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #00be6e;
	border: 1px dashed #00be6e
}
.search-v3-screen .search-class li.is-spell .class-jump a.jump.active:hover .is-close, .search-v3-screen .search-class li.is-ext .class-jump a.jump.active:hover .is-close {
	display: block
}
.search-v3-screen .search-class li .class-handle {
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: gray
}
.search-v3-screen .search-class li .class-handle em {
	padding-right: 10px
}
.search-v3-screen .search-class li .class-handle em:hover span, .search-v3-screen .search-class li .class-handle em:hover i {
	color: #00be6e
}
.search-v3-screen .search-class li .class-handle em i {
	margin-right: 10px
}
.search-v3-screen .search-class li .class-handle em, .search-v3-screen .search-class li .class-handle a {
	cursor: pointer
}
.search-v3-screen .search-class li .class-handle em .icon, .search-v3-screen .search-class li .class-handle a .icon {
	font-size: 12px
}
.search-v3-screen .search-class li .class-handle em:hover, .search-v3-screen .search-class li .class-handle a:hover {
	color: #00be6e
}
.search-v3-screen .search-type {
	width: 100%;
	height: 48px;
	border-bottom: 1px solid #F4F4F4;
	padding: 0 14px;
	line-height: 48px;
	font-size: 12px;
	color: #666
}
.search-v3-screen .search-type .is-type {
	margin-top: 14px
}
.search-v3-screen .search-type .is-type span {
	display: block;
	line-height: 20px;
	float: left;
	margin-right: 6px
}
.search-v3-screen .search-type .is-type a {
	float: left;
	font-size: 12px;
	color: #666;
	display: block;
	line-height: 20px;
	height: 20px;
	padding: 0 12px
}
.search-v3-screen .search-type .is-type a.active, .search-v3-screen .search-type .is-type a:hover {
	background: #EDFFF4;
	-webkit-border-radius: 4px;
	border-radius: 4px
}
.search-v3-screen .search-type .is-type a.active i, .search-v3-screen .search-type .is-type a:hover i {
	color: #00be6e
}
.search-v3-screen .search-type .is-type a .icon {
	font-size: 12px;
	color: #BFBFBF;
	position: relative
}
.search-v3-screen .search-type .is-type a .icon:hover em {
	display: block
}
.search-v3-screen .search-type .is-type a .icon em {
	width: 136px;
	position: absolute;
	display: none;
	height: auto;
	padding: 6px 10px;
	background: #fff;
	top: 18px;
	left: -61px;
	z-index: 100;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
	box-shadow: 0 0 10px 0 rgba(0,0,0,.1)
}
.search-v3-screen .search-type .is-type a .icon em:after {
	position: absolute;
	content: '';
	display: block;
	left: 0;
	right: 0;
	margin: auto;
	top: -6px;
	width: 0;
	border-bottom: 8px solid #fff;
	border-left: 6px solid rgba(0,0,0,0);
	border-right: 6px solid rgba(0,0,0,0)
}
.search-v3-screen .search-type .is-type a img {
	width: 14px;
	margin-right: 4px
}
.search-v3-screen .search-type .is-color {
	margin-left: 70px
}
.search-v3-screen .search-type .is-color span {
	position: relative
}
.search-v3-screen .search-type .is-color span img {
	width: 16px;
	display: block;
	position: absolute;
	left: -20px;
	top: 15px
}
.search-v3-screen .search-type .is-color .usuallycolor {
	margin-top: 15px
}
.search-v3-screen .search-type .is-color .usuallycolor ol {
	-webkit-border-radius: 4px;
	border-radius: 4px
}
.search-v3-screen .search-type .is-color .usuallycolor .color-block {
	width: 20px;
	height: 16px
}
.search-v3-screen .search-type .is-color .usuallycolor .color-block>span {
	width: 30px;
	height: 20px
}
.search-v3-screen .search-type .is-color .usuallycolor .color-block:last-child {
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0
}
.search-v3-screen .search-type .is-color .usuallycolor .color-block:first-child {
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px
}
.search-v3-screen .search-type .is-type.is-plate span {
	margin-right: 0
}
.search-v3-screen .search-type .is-type.is-plate a {
	margin-right: 0;
	padding: 0 4px
}
.search-v3-screen .search-type .is-type.is-plate a .icon {
	font-size: 20px
}
.search-v3-screen .search-type .is-sort {
	margin-left: 24px;
	position: relative;
	z-index: 100;
	width: 102px
}
.search-v3-screen .search-type .is-sort span {
	cursor: pointer
}
.search-v3-screen .search-type .is-sort .icon {
	font-size: 12px;
	margin-left: 0
}
.search-v3-screen .search-type .is-sort:hover .sort-list {
	height: 120px
}
.search-v3-screen .search-type .is-sort .sort-list {
	height: 0;
	z-index: 100;
	width: 72px;
	background: #fff;
	-webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.2);
	box-shadow: 0 0 8px 0 rgba(0,0,0,.2);
	-webkit-border-radius: 8px;
	border-radius: 8px;
	position: absolute;
	top: 36px;
	left: 14px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	transition: all .2s ease;
	overflow: hidden
}
.search-v3-screen .search-type .is-sort .sort-list>a {
	width: 100%;
	height: 30px;
	display: block;
	text-align: center;
	line-height: 30px;
	color: rgba(0,0,0,.65);
	font-size: 12px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	transition: all .2s ease
}
.search-v3-screen .search-type .is-sort .sort-list>a.active, .search-v3-screen .search-type .is-sort .sort-list>a:hover {
	background: #F6F6F6
}
.search-v3-screen .search-type .is-min {
	width: 86px
}
.search-v3-screen .search-type .is-min:hover .sort-list {
	height: 120px
}
.search-v3-content {
	width: 90%;
	height: auto;
	margin: 0 auto;
	padding-top: 24px
}
.search-v3-content .pic-box {
	overflow: hidden;
	padding-bottom: 16px;
	    display: flex;
	    flex-direction: row;
	    flex-wrap: wrap;
	    justify-content: start;
}
.search-v3-content .pic-box .place-box {
	display: none;
	-webkit-border-radius: 8px;
	border-radius: 8px
}
.search-v3-content .pic-box .place-box:hover {
	background: #fff
}
.search-v3-content .pic-box .place-box .image-box {
	width: 100%;
	background-image: url(../images/searchV3/next-page.png);
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center
}
.search-v3-content .pic-box .place-box .image-box .next-page {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 80px;
	text-align: center
}
.search-v3-content .pic-box .place-box .image-box .next-page p {
	display: inline-block;
	text-align: center;
	font-size: 44px;
	color: #fff;
	vertical-align: middle
}
.search-v3-content .pic-box .place-box .image-box .next-page i {
	display: inline-block;
	width: 66px;
	height: 66px;
	line-height: 66px;
	text-align: center;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 2px solid #fff;
	font-size: 36px;
	color: #fff;
	vertical-align: middle
}
.search-v3-content .pic-box .place-box.item2 .next-page p {
	font-size: 28px
}
.search-v3-content .pic-box .is-three.item2 .next-page p {
	font-size: 28px
}
.search-v3-content .pic-box .is-two.item2 .next-page p {
	font-size: 28px
}
.search-v3-content .pic-box .is-one .image-box .next-page p {
	font-size: 28px
}
.search-v3-content .pic-box .is-one.item2 .next-page p {
	font-size: 28px
}
.search-v3-content .no-search-result {
	margin: 20px 0 10px;
	text-align: center
}
.search-v3-content .no-search-result .res-box {
	display: inline-block;
	margin-bottom: 30px;
	vertical-align: middle
}
.search-v3-content .no-search-result .res-box:first-child {
	margin-right: 40px
}
.search-v3-content .no-search-result .res-box p {
	margin-top: 16px;
	color: #666;
	padding-top: 10px
}
.search-v3-content .no-search-result .res-box button {
	margin-top: 10px
}
.search-v3-content .related-search-box {
	display: none;
	width: -webkit-calc(100% - 24px);
	width: -moz-calc(100% - 24px);
	width: calc(100% - 24px);
	line-height: 35px;
	padding-left: 12px;
	border: 1px dashed #00be6e;
	font-size: 14px;
	color: #666;
	margin: 0 auto;
	margin-top: 48px;
	margin-bottom: 48px
}
.search-v3-content .related-search-box span {
	float: left;
	font-weight: 700;
	margin-right: 8px
}
.search-v3-content .related-search-box a {
	float: left;
	margin-right: 30px
}
.search-v3-content .related-search-box a:hover {
	color: #00be6e
}
.search-v3-content .recommend-box {
	width: 100%;
	height: 20px;
	line-height: 20px;
	margin: 14px 0;
	font-size: 12px;
	padding: 0 12px;
	color: #666
}
.search-v3-content .recommend-box a {
	color: #00be6e
}
.search-v3-content .more-box {
	width: 100%;
	text-align: center;
	padding: 0 12px
}
.search-v3-content .more-box #more {
	display: inline-block;
	height: 33px;
	line-height: 33px;
	margin-left: 47px;
	font-size: 14px;
	color: #888
}
.search-v3-content .more-box #more:hover {
	color: #00BE6E
}
.search-v3-content .favorites-box {
	width: 100%;
	height: auto;
	padding: 0 12px;
	padding-bottom: 16px
}
.search-v3-content .favorites-box .qtw-card-theme {
	margin: 0;
	margin-top: 12px;
	margin-bottom: 12px;
	margin-right: 24px
}
.search-v3-content .favorites-box .qtw-card-theme:nth-child(4n) {
	margin-right: 0
}
.search-v3-content .propose-box {
	width: -webkit-calc(100% - 24px);
	width: -moz-calc(100% - 24px);
	width: calc(100% - 24px);
	height: 60px;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 2px 11px 0 rgba(0,0,0,.17);
	box-shadow: 0 2px 11px 0 rgba(0,0,0,.17);
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 12.5px 8px
}
.search-v3-content .propose-box input[type=text] {
	width: 800px;
	height: 34px;
	padding-left: 8px;
	font-size: 14px;
	border: 1px solid #A7A7A7;
	margin-right: 16px
}
.search-v3-content .propose-box input[type=text]:focus {
	outline: 1px solid #00be6e;
	border: 1px solid #00be6e
}
.search-v3-content .poster-box {
	position: relative;
	width: -webkit-calc(100% - 24px);
	width: -moz-calc(100% - 24px);
	width: calc(100% - 24px);
	margin: 0 auto;
	margin-top: 36px;
	text-align: center
}
.search-v3-content .poster-box a img {
	width: 100%;
	height: auto
}
.search-v3-content .bottomGuide {
	width: 100%;
	height: auto;
	padding: 0 12px;
	text-align: center;
	font-size: 14px;
	color: #494949;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.search-v3-content .bottomGuide span {
	font-weight: 700;
	color: #282828;
	display: inline-block;
	margin-right: 10px
}
.search-v3-content .bottomGuide .bottomGuide-keyWord {
	padding-left: 10px;
	padding-right: 10px;
	height: 27px;
	border: 1px solid #08c55b;
	text-align: center;
	line-height: 25px;
	color: #08c55b;
	margin-right: 6px;
	display: none
}
.search-v3-content .bottomGuide .bottomGuide-link {
	text-decoration: underline;
	color: #08c55b
}
.pic-box .qtw-cart-media {
	margin-bottom: 8px!important
}
.links-ship {
	width: 1200px;
	margin: 0 auto;
	padding: 0 12px;
	margin-top: 40px;
	border-top: 1px solid #e3e3e3
}
.links-ship .nav-ship {
	padding-top: 15px
}
.links-ship .nav-ship h3 {
	margin-right: 15px
}
.links-ship .nav-ship h3.on a, .links-ship .nav-ship h3:hover a {
	color: #888
}
.links-ship .nav-ship a {
	color: #cbcaca;
	font-size: 14px
}
.links-ship .ship-box {
	margin-top: 20px
}
.links-ship .ship-box ul {
	display: none;
	overflow: hidden
}
.links-ship .ship-box ul:first-child {
	display: block
}
.ship-box ul li span {
	font-size: 14px;
	color: #cbcaca
}
.links-ship .ship-box li {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px
}
.links-ship .ship-box a {
	color: #cbcaca
}
.links-ship .ship-box a:hover {
	color: #10c55b
}
@media screen and (max-width:1220px) {
.search-v3-screen .search-class .class-jump {
	width: 760px!important
}
.search-v3-screen .search-type .is-type a {
	padding: 0 6px
}
.search-v3-screen .search-type .is-type a img {
	margin-right: 0
}
.search-v3-screen .search-type .is-color {
	margin-left: 45px!important
}
.search-v3-screen .search-type .is-sort {
	margin-left: 14px!important
}
.search-v3-screen .usuallycolor ol {
	width: 140px!important;
	height: 16px;
	-webkit-border-radius: 4px;
	border-radius: 4px
}
.search-v3-screen .usuallycolor .color-block:nth-child(7)~.color-block {
	display: none
}
.search-v3-screen .usuallycolor .color-block:nth-child(7) {
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0
}
.search-v3-content .pic-box .place-box {
	width: 470px
}
.search-v3-content .pic-box .is-three {
	width: 710px
}
.search-v3-content .pic-box .is-one {
	width: 232px
}
.search-position .position-left {
	width: 690px!important
}
}
@media screen and (min-width:1220px) {
.search-v3-content .pic-box .place-box {
	width: 590px
}
.search-v3-content .pic-box .place-box.is-three {
	width: 890px
}
.search-v3-content .pic-box .place-box.is-one {
	width: 290px
}
}
.market-dialog-model {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0
}
.market-dialog-model.market_style .market-dialog-main {
	position: relative;
	display: inline-block;
	max-width: 1200px;
	max-height: 760px;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
.market-dialog-model.market_style .market-dialog-main .icon-guanbi {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border: 1px solid #fff;
	color: #fff;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	font-size: 24px;
	cursor: pointer
}
.market-dialog-model.market_coupon .market-dialog-main2 {
	position: relative;
	width: 423px;
	height: 560px;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
.market-dialog-model.market_coupon .market-dialog-main2 .icon-guanbi {
	position: absolute;
	width: 34px;
	height: 34px;
	top: 0;
	right: 0;
	line-height: 34px;
	text-align: center;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #fff;
	color: #fff;
	cursor: pointer
}
.market-dialog-model.market_coupon .market-dialog-main2 a {
	display: inline-block;
	width: 100%;
	height: 100%
}
.market-dialog-model.market_coupon .market-dialog-main2.banner-market {
	background-image: url(../images/market/style2.png);
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	cursor: pointer;
	overflow: hidden
}
.market-dialog-model.market_coupon .market-dialog-main2.banner-market p {
	width: 100%;
	text-align: center;
	text-shadow: .1em .1em rgba(0,0,0,.1)
}
.market-dialog-model.market_coupon .market-dialog-main2.banner-market p.title {
	font-size: 27px;
	font-weight: 400;
	color: #ffe06b;
	margin-top: 220px
}
.market-dialog-model.market_coupon .market-dialog-main2.banner-market p.subTitle {
	margin-top: 5px;
	font-size: 27px;
	font-weight: 400;
	color: #fff
}
.market-dialog-model.market_coupon .market-dialog-main2.banner-market2 {
	display: none;
	width: 577px;
	height: 597px;
	background-image: url(../images/market/style2-1.png);
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	overflow: hidden
}
.market-dialog-model.market_coupon .market-dialog-main2.banner-market2 .title2 {
	width: 100%;
	text-align: center;
	text-shadow: .1em .1em rgba(0,0,0,.1);
	font-size: 27px;
	font-weight: 400;
	color: #ee472f;
	margin-top: 20px
}
.market-dialog-model.market_coupon .market-dialog-main2.banner-market2 .main {
	width: 430px;
	height: 278px;
	margin: 0 auto;
	margin-top: 30px;
	overflow: auto
}
.market-dialog-model.market_coupon .market-dialog-main2.banner-market2 .main li {
	width: 420px;
	height: 84px;
	margin-bottom: 8px;
	background-image: url(../images/market/style2_item.png);
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}
.market-dialog-model.market_coupon .market-dialog-main2.banner-market2 .main li div {
	float: left;
	height: 100%
}
.market-dialog-model.market_coupon .market-dialog-main2.banner-market2 .main li div.left {
	width: 180px;
	padding-top: 12px
}
.market-dialog-model.market_coupon .market-dialog-main2.banner-market2 .main li div.left p {
	text-align: center;
	color: #fff;
	font-size: 10px
}
.market-dialog-model.market_coupon .market-dialog-main2.banner-market2 .main li div.left p em {
	font-size: 30px
}
.market-dialog-model.market_coupon .market-dialog-main2.banner-market2 .main li div.right {
	width: 240px;
	padding-top: 20px
}
.market-dialog-model.market_coupon .market-dialog-main2.banner-market2 .main li div.right p {
	text-align: center;
	color: #b8b8b8;
	font-size: 12px
}
.market-dialog-model.market_coupon .market-dialog-main2.banner-market2 .main li div.right p:first-child {
	color: #ee472f;
	font-size: 24px
}
.market-dialog-model.market_coupon .market-dialog-main2.banner-market2 .main li:last-child {
	margin-bottom: 0
}
.market-dialog-model.market_coupon .market-dialog-main2.banner-market2 .main::-webkit-scrollbar {
width:6px;
height:10px;
-webkit-border-radius:6px;
border-radius:6px;
background-color:#DEDEDE;
position:absolute;
right:5px
}
.market-dialog-model.market_coupon .market-dialog-main2.banner-market2 .main::-webkit-scrollbar-track {
-webkit-border-radius:6px;
border-radius:6px;
background-color:#DEDEDE
}
.market-dialog-model.market_coupon .market-dialog-main2.banner-market2 .main::-webkit-scrollbar-thumb {
width:6px;
-webkit-border-radius:6px;
border-radius:6px;
background-color:#B6B6B6
}
.market-dialog-model.market_coupon .market-dialog-main3 {
	position: relative;
	width: 446px;
	height: 460px;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-image: url(../images/market/style3.png);
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	overflow: hidden
}
.market-dialog-model.market_coupon .market-dialog-main3 a {
	display: inline-block;
	width: 100%;
	height: 100%
}
.market-dialog-model.market_coupon .market-dialog-main3 .icon-guanbi {
	position: absolute;
	width: 34px;
	height: 34px;
	top: 0;
	right: 0;
	line-height: 34px;
	text-align: center;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #fff;
	color: #fff;
	cursor: pointer
}
.market-dialog-model.market_coupon .market-dialog-main3 .head {
	width: 100%;
	margin-top: 130px;
	margin-bottom: 20px
}
.market-dialog-model.market_coupon .market-dialog-main3 .head p {
	width: 100%;
	text-shadow: .1em .1em rgba(0,0,0,.1);
	text-align: center
}
.market-dialog-model.market_coupon .market-dialog-main3 .head p.title {
	font-size: 16px;
	font-weight: 400;
	color: #fff
}
.market-dialog-model.market_coupon .market-dialog-main3 .head p.subTitle {
	margin-top: 5px;
	font-size: 21px;
	font-weight: 400;
	color: #fff
}
.market-dialog-model.market_coupon .market-dialog-main3 .main {
	width: 278px;
	height: 160px;
	overflow: auto;
	margin: 0 auto
}
.market-dialog-model.market_coupon .market-dialog-main3 .main li {
	width: 268px;
	height: 48px;
	margin-bottom: 8px;
	background-image: url(../images/market/style3_item.png);
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}
.market-dialog-model.market_coupon .market-dialog-main3 .main li:last-child {
	margin-bottom: 0
}
.market-dialog-model.market_coupon .market-dialog-main3 .main li div {
	float: left;
	height: 100%
}
.market-dialog-model.market_coupon .market-dialog-main3 .main li div p {
	width: 100%
}
.market-dialog-model.market_coupon .market-dialog-main3 .main li div.left {
	width: 185px;
	padding-left: 10px;
	padding-top: 7px
}
.market-dialog-model.market_coupon .market-dialog-main3 .main li div.left p:first-child {
	font-size: 14px;
	font-weight: 500;
	color: #333
}
.market-dialog-model.market_coupon .market-dialog-main3 .main li div.left p:last-child {
	font-size: 12px;
	font-weight: 400;
	color: #b8b8b8
}
.market-dialog-model.market_coupon .market-dialog-main3 .main li div.right {
	width: 80px;
	padding-top: 1px
}
.market-dialog-model.market_coupon .market-dialog-main3 .main li div.right p {
	text-align: center
}
.market-dialog-model.market_coupon .market-dialog-main3 .main li div.right p:first-child {
	font-size: 18px;
	font-weight: 500;
	color: #ed3833
}
.market-dialog-model.market_coupon .market-dialog-main3 .main li div.right p:first-child em {
	font-size: 10px
}
.market-dialog-model.market_coupon .market-dialog-main3 .main li div.right p:last-child {
	font-size: 12px;
	font-weight: 400;
	color: #b8b8b8
}
.market-dialog-model.market_coupon .market-dialog-main3 .main::-webkit-scrollbar {
width:6px;
height:10px;
-webkit-border-radius:6px;
border-radius:6px;
background-color:#DEDEDE;
position:absolute;
right:5px
}
.market-dialog-model.market_coupon .market-dialog-main3 .main::-webkit-scrollbar-track {
-webkit-border-radius:6px;
border-radius:6px;
background-color:#DEDEDE
}
.market-dialog-model.market_coupon .market-dialog-main3 .main::-webkit-scrollbar-thumb {
width:6px;
-webkit-border-radius:6px;
border-radius:6px;
background-color:#B6B6B6
}
.market-index-banner {
	display: none;
	position: relative;
	width: 100%;
	height: 80px;
	max-width: 100%;
	margin: 0 auto;
	background: #fff
}
.market-index-banner>a {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center
}
.market-index-banner .icon-guanbi {
	position: absolute;
	top: 5px;
	right: 10px;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	border: 1px solid rgba(255,255,255,.79);
	color: #fff;
	font-size: 13px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer
}
.right-market-model {
	display: none;
	position: fixed;
	right: 10px;
	bottom: 440px;
	width: 60px;
	height: auto;
	z-index: 100
}
.right-market-model i {
	width: 18px;
	height: 18px;
	position: absolute;
	cursor: pointer;
	top: -22px;
	right: 0;
	color: #929292;
	border: 1px solid #929292;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	line-height: 18px;
	text-align: center;
	font-size: 12px;
	overflow: hidden;
	z-index: 10
}
.right-market-model a {
	display: inline-block;
	width: 100%
}
.right-market-model a img {
	display: inline-block;
	width: 100%
}




/*当页面大于1200px 时，大屏幕，主要是PC 端*/
@media (min-width: 1200px) {

}
/*在992 和1199 像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (min-width: 992px) and (max-width: 1199px) {

}
/*在768 和991 像素之间的屏幕里，小屏幕，主要是PAD*/
@media (min-width: 768px) and (max-width: 991px) {

}
/*在480 和767 像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width: 480px) and (max-width: 767px) {
.search-v3-screen .search-class .class-jump {    width: 84%!important;}
.is-sort{ display:none;}
}
/*在小于480 像素的屏幕，微小屏幕，更低分辨率的手机*/
@media (max-width: 479px) {
.search-position .position-left {
    width: 100%!important;
}
.search-v3-screen .search-class .class-jump {    width: 84%!important;}
.is-sort{ display:none;}
.qtw-card {
    width: 48%;
    height: auto;
}
.qtw-card .image-box, .qtw-card .audio-box, .qtw-card .video-box {
    width: 100%;
    height:auto;
}.qtw-card .image-box img {
/*    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%); */
}
.number-right,.is-dashed{ display:none}
.qtw-card { margin-right: 1%;margin-left: 1%;}
.qtw-card:nth-child(5n) {margin-right: 1%;margin-left: 1%;}
.qtw-card .text-box .title {
    width: 100%;
}
.banner-box .category-title, .banner-box .category-desc {
    margin-top: 10px;font-size: 20px;
}
.banner-box .category-desc {
    height: auto;
    line-height: 16px;
    margin-top: 4px;
    font-size: 12px;
    margin-bottom: 10px;
}
.banner-box {
    background-size: auto 100% !important;
}
}