.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)
}
}
.designer-skeleton {
	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
}
.designer-skeleton .skeleton-img {
	float: left;
	width: 124px;
	height: 100%;
	overflow: hidden
}
.designer-skeleton .skeleton-logo {
	margin-left: -webkit-calc(50% + 42px);
	margin-left: -moz-calc(50% + 42px);
	margin-left: calc(50% + 42px);
	width: 38px!important;
	height: 38px!important;
	-webkit-border-radius: 50%;
	border-radius: 50%
}
.designer-skeleton .skeleton-line1 {
	margin-top: 40px;
	margin-left: 144px;
	width: 30%!important
}
.designer-skeleton .skeleton-line2 {
	margin-left: 144px;
	width: 40%!important
}
[class*=skeleton-] {
-webkit-animation-duration:1s;
-moz-animation-duration:1s;
animation-duration:1s;
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
animation-fill-mode:forwards;
-webkit-animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
animation-iteration-count:infinite;
-webkit-animation-name:skeleton;
-moz-animation-name:skeleton;
animation-name:skeleton;
-webkit-animation-timing-function:linear;
-moz-animation-timing-function:linear;
animation-timing-function:linear;
background:#f6f7f8;
background:-webkit-gradient(linear, left top, right top, color-stop(8%, #EDEDED), color-stop(18%, #ddd), color-stop(33%, #EDEDED));
background:-webkit-linear-gradient(left, #EDEDED 8%, #ddd 18%, #EDEDED 33%);
background:-moz- oldlinear-gradient(left, #EDEDED 8%, #ddd 18%, #EDEDED 33%);
background:linear-gradient(to right, #EDEDED 8%, #ddd 18%, #EDEDED 33%);
-webkit-background-size:800px 104px;
background-size:800px 104px;
height:15px;
position:relative;
margin-bottom:10px
}
@media screen and (max-width:1220px) {
.designer-skeleton {
	width: 216px;
	height: 142px
}
.skeleton-img {
	float: left;
	width: 98px!important
}
.skeleton-line1 {
	margin-top: 20px!important;
	margin-left: 108px!important
}
.skeleton-line2 {
	margin-left: 108px!important
}
}
@-webkit-keyframes skeleton {
0% {
background-position:-468px 0
}
100% {
background-position:468px 0
}
}
@-moz-keyframes skeleton {
0% {
background-position:-468px 0
}
100% {
background-position:468px 0
}
}
@keyframes skeleton {
0% {
background-position:-468px 0
}
100% {
background-position:468px 0
}
}
.qt-model-t .login-main, .login-main>div {
	position: relative
}
.login-wrap .login-content {
	transition: all .5s
}
.qt-model-t .login-footer {
	border: 0;
	margin-top: 5px
}
.qt-model-t .login-main {
	min-width: 1200px;
	height: 474px
}
.qt-model-t .login-main .login-wrap {
	position: absolute;
	top: 18px;
	right: 0
}
.qt-model-t .login-wrap {
	width: 484px;
	min-height: 440px;
	height: initial;
	transition: all .5s;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	background-color: #fff;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.2)
}
.qt-model-t .login-wrap #phone_account-login .login-hearder {
	padding-top: 20px
}
.qt-model-t .login-wrap .header-btn, .qt-model-t .login-wrap .login-hearder {
	text-align: center
}
.qt-model-t .login-wrap .header-btn {
	display: inline-block;
	width: 74px;
	position: relative;
	font-size: 20px;
	line-height: 62px;
	color: #666;
	cursor: pointer
}
.qt-model-t .login-wrap .header-btn:first-child {
	margin-right: 86px
}
.qt-model-t .login-wrap .header-btn:after {
	content: " ";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 74px;
	height: 2px;
	background: #10c55b;
	visibility: hidden;
	-webkit-transform: scale(.2);
	-ms-transform: scale(.2);
	transform: scale(.2);
	-webkit-transition: all .2s;
	transition: all .2s
}
.qt-model-t .login-wrap .header-btn.on, .login-wrap .header-btn:hover {
	color: #10c55b
}
.qt-model-t .login-wrap .header-btn.on:after, .login-wrap .header-btn:hover:after {
	visibility: visible;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}
.qt-model-t .login-wrap .account-box, .qt-model-t .login-wrap .login-box, {
display:none
}
.qt-model-t .login-wrap .social-account-login .login-tips {
	font-size: 12px;
	color: #9B9B9B;
	letter-spacing: 0;
	margin-top: 44px
}
.qt-model-t .social-account-login {
}
.qt-model-t .social-account-login .login-footer-content {
	padding: 70px 30px 0;
	line-height: 1
}
.qt-model-t .social-account-login.social_account-register-box .login-footer-content {
	padding: 36px 30px 0
}
.qt-model-t .social-account-login .login-footer-content .weibo-login, .qt-model-t .social-account-login .login-footer-content .phone-login {
	font-size: 12px;
	color: silver;
	letter-spacing: 0;
	cursor: pointer;
	user-select: none
}
.qt-model-t .social-account-login .login-footer-content .weibo-login span, .qt-model-t .social-account-login .login-footer-content .phone-login span {
	margin-left: 2px
}
.qt-model-t .social-account-login .login-footer-content .phone-login span {
	margin-left: -2px
}
.qt-model-t .social-account-login .login-footer-content .weibo-login {
}
.qt-model-t .social-account-login .login-footer-content .phone-login {
	margin-left: 14px
}
.qt-model-t .social-account-login .login-footer-content .weibo-login i {
	vertical-align: middle
}
.qt-model-t .social-account-login .login-footer-content .phone-login i {
	font-size: 14px
}
.qt-model-t .social-account-login .login-footer-content .weibo-login:hover, .qt-model-t .social-account-login .login-footer-content .phone-login:hover {
	color: #00BE6E
}
.qt-model-t .social-account-login .login-footer-content p {
	font-size: 12px;
	color: #9B9B9B;
	letter-spacing: 0;
	float: right
}
.qt-model-t .login-wrap .login-tips {
	position: relative
}
.qt-model-t .login-wrap .login-tips:before {
	content: '';
	height: 1px;
	width: 120px;
	background-color: #dedede;
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translateY(-50%) scaleY(0.7);
	margin-right: 90px
}
.qt-model-t .login-wrap .login-tips:after {
	content: '';
	height: 1px;
	width: 120px;
	background-color: #dedede;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) scaleY(0.7);
	margin-left: 90px
}
.qt-model-t .login-wrap .login-others {
	text-align: center;
	padding-top: 60px;
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
	-webkit-transition: all .28s;
	transition: all .28s
}
.qt-model-t .login-wrap .last-login-badge {
	position: absolute;
	z-index: 1;
	left: 50%;
	bottom: -30px;
	font-size: 12px;
	transform: translate(-50%, -50%);
	color: #9B9B9B
}
.qt-model-t .login-wrap .login-others .percent {
	position: relative;
	width: 50%;
	text-align: center
}
.qt-model-t .login-wrap .login-others .other-logo {
	display: inline-block;
	margin-left: 38px;
	text-align: center
}
.qt-model-t .login-wrap .login-others .other-logo:first-child {
	margin-left: 0
}
.qt-model-t .login-wrap .login-others .other-logo i {
	width: 86px;
	height: 86px;
	display: block;
	background: url(../images/login_v6.png) no-repeat
}
.qt-model-t .login-wrap .login-others .other-logo.logo-wechat i {
	background-position: -177px 0;
	background-size: 263px 231px
}
.qt-model-t .login-wrap .login-others .other-logo.logo-wechat:hover i {
	background-position: -177px -89px
}
.qt-model-t .login-wrap .login-others .other-logo.logo-qq i {
	background-position: 0 0;
	background-size: 261px 231px
}
.qt-model-t .login-wrap .login-others .other-logo.logo-qq:hover i {
	background-position: 0 -89px
}
.qt-model-t .login-wrap .login-others .other-logo.logo-weibo i {
	background-position: -84px 0
}
.qt-model-t .login-wrap .login-others .other-logo.logo-weibo:hover i {
	background-position: -84px -84px
}
.qt-model-t .login-wrap .login-others .other-logo span {
	font-size: 14px;
	color: #9B9B9B;
	letter-spacing: 0;
	margin-top: 15px;
	display: inline-block
}
.qt-model-t .login-wrap .login-others-cards {
	text-align: center;
	padding-top: 28px;
	-webkit-transition: all .28s;
	transition: all .28s
}
.qt-model-t .login-wrap .login-others-cards .other-logo {
	display: inline-block;
	width: 90px;
	height: 36px;
	line-height: 33px;
	margin-left: 22px;
	text-align: center;
	border-radius: 4px;
	vertical-align: middle
}
.qt-model-t .login-wrap .login-others-cards .other-logo:hover {
	opacity: .8;
	FILTER: alpha(opacity=80)
}
.qt-model-t .login-wrap .login-others-cards .other-logo:first-child {
	margin-left: 0
}
.qt-model-t .login-wrap .login-others-cards .other-logo i {
	vertical-align: middle;
	display: inline-block;
	background: url(../images/login_v6.png) no-repeat
}
.qt-model-t .login-wrap .login-others-cards .other-logo.logo-wechat {
	background-color: #0b0
}
.qt-model-t .login-wrap .login-others-cards .other-logo.logo-wechat i {
	height: 21px;
	width: 21px;
	background-position: -16px -121px;
	background-size: 188px 162px
}
.qt-model-t .login-wrap .login-others-cards .other-logo.logo-qq {
	background-color: #19a9f1
}
.qt-model-t .login-wrap .login-others-cards .other-logo.logo-qq i {
	height: 21px;
	width: 16px;
	background-position: 0 -132px;
	background-size: 188px 173px
}
.qt-model-t .login-wrap .login-others-cards .other-logo.logo-weibo {
	background-color: #ed2b2f
}
.qt-model-t .login-wrap .login-others-cards .other-logo.logo-weibo i {
	height: 20px;
	width: 20px;
	background-position: -37px -127px;
	background-size: 188px 167px
}
.qt-model-t .login-wrap .login-others-cards .other-logo span {
	display: inline-block;
	font-size: 12px;
	color: #fff;
	vertical-align: middle;
	margin-left: 0
}
.qt-model-t .login-wrap .cutting-line {
	position: relative;
	width: 314px;
	margin: 15px auto 10px;
	text-align: center
}
.qt-model-t .login-wrap .cutting-line span {
	position: relative;
	z-index: 2;
	color: #888;
	padding: 0 5px;
	font-size: 12px;
	background-color: #fff
}
.qt-model-t .login-wrap .cutting-line:after {
	content: " ";
	position: absolute;
	left: 0;
	top: 10px;
	width: 314px;
	height: 1px;
	background-color: #eaeaea;
	z-index: 1
}
.qt-model-t .login-wrap .login-form {
	width: 314px;
	margin: 0 auto
}
.qt-model-t .login-wrap .login-form .input-inline {
	width: 314px;
	margin-bottom: 26px;
	position: relative
}
.qt-model-t .login-wrap .login-form .input-inline input {
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	outline: 0;
	width: 314px;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	color: #ccc;
	padding-left: 42px
}
.qt-model-t .login-wrap .login-form .input-inline input:focus {
	border: 1px solid #10c55b
}
.qt-model-t .login-wrap .login-form .input-inline input.danger {
	border: 1px solid #fda233
}
.qt-model-t .login-wrap .login-form .input-inline .input-icon {
	background: url(../images/login_v6.png) no-repeat;
	position: absolute;
	left: 15px;
	top: 10px
}
.qt-model-t .login-wrap .login-form .input-inline .input-icon.i-phone {
	height: 18px;
	width: 14px;
	background-position: -87px -94px;
	background-size: 158px 126px
}
.qt-model-t .login-wrap .login-form .input-inline .input-icon.i-user {
	height: 20px;
	width: 18px;
	background-position: -79px -168px
}
.qt-model-t .login-wrap .login-form .input-inline .input-icon.i-password {
	height: 19px;
	width: 18px;
	background-position: -120px -168px
}
.qt-model-t .login-wrap .login-form .input-inline .warning-text {
	font-size: 12px;
	overflow: hidden;
	height: 0;
	-webkit-transition: all .2s;
	transition: all .2s
}
.qt-model-t .login-wrap .login-form .input-inline .warning-text.show {
	padding-top: 5px;
	height: auto
}
.qt-model-t .login-wrap .login-form .input-inline .warning-text span {
	color: #666
}
.qt-model-t .login-wrap .login-form .input-inline .warning-text i {
	display: inline-block;
	vertical-align: sub;
	height: 14px;
	width: 14px;
	background: url(../images/login_v6.png) no-repeat
}
.qt-model-t .login-wrap .login-form .input-inline .warning-text i.warning-icon {
	background-position: -17px -193px
}
.qt-model-t .login-wrap .login-form .input-inline .warning-text i.warning-icon+span {
	color: #ccc
}
.qt-model-t .login-wrap .login-form .input-inline .warning-text i.success-icon {
	background-position: 0 -193px
}
.qt-model-t .login-wrap .login-form .input-inline .warning-text i.danger-icon {
	background-position: -34px -193px
}
.qt-model-t .login-wrap .login-form .input-inline.captcha input {
	padding-left: 10px
}
.qt-model-t .login-wrap .login-form .input-inline.captcha .btn-captcha {
	position: absolute;
	top: 0;
	right: 0;
	width: 100px;
	height: 36px;
	line-height: 36px;
	vertical-align: -1px
}
.qt-model-t .login-wrap .login-form .input-inline.captcha .btn-captcha.disabled {
	pointer-events: none;
	background-color: #e3e3e3;
	border-color: #e3e3e3
}
.qt-model-t .login-wrap .login-form .input-inline.captcha .btn-captcha.disabled a {
	color: #fff!important
}
.qt-model-t .login-wrap .login-form .input-inline.captcha .btn-captcha a {
	font-size: 14px
}
.qt-model-t .login-wrap .login-form .input-inline.captcha .img-code {
	width: 140px
}
.qt-model-t .login-wrap .login-form .input-inline.captcha .captcha {
	width: 200px
}
.qt-model-t .login-wrap .login-form .input-inline.captcha .img-captcha {
	width: 90px;
	height: 36px
}
.qt-model-t .login-wrap .login-form .input-inline.captcha .refreshCaptchaBtn {
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin-left: 8px;
	cursor: pointer;
	background-image: url(//icon.qiantucdn.com/revision/images/img-code-bg.png);
	background-repeat: no-repeat;
	background-size: 16px
}
.qt-model-t .login-wrap .login-form .login-switch {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 32px;
	color: #666;
	font-size: 12px
}
.qt-model-t .login-wrap .login-form .login-switch>span, .qt-model-t .login-wrap .login-form .login-switch>a {
	font-size: 12px;
	color: silver;
	letter-spacing: 0
}
.qt-model-t .login-wrap .login-form .login-switch>a:hover {
	color: #00BE6E
}
.qt-model-t .login-wrap a.qt-c00BE6E:hover {
	text-decoration: underline
}
.login-wrap .login-form .login-switch>span.text-green, .qt-model-t .login-wrap .login-form .login-switch>a.text-green {
	font-size: 12px
}
.qt-model-t .login-wrap .login-form .login-switch .icon-shouji2 {
	font-size: 14px
}
.qt-model-t .login-wrap .login-form .login-submit {
	width: 314px;
	height: 36px;
	line-height: 36px
}
.qt-model-t .login-wrap .login-footer {
	margin-top: 60px
}
.qt-model-t .login-wrap .login-type {
	text-align: center;
	color: #10c55b;
	position: relative
}
.qt-model-t .login-wrap .login-type a {
	color: #10c55b;
	font-size: 16px
}
.qt-model-t .login-wrap .login-type a:hover {
	text-decoration: underline
}
.qt-model-t .login-wrap .login-type a:first-child {
	position: relative;
	margin-right: 40px
}
.qt-model-t .login-wrap .login-type a:first-child:after {
	position: absolute;
	top: 0;
	right: -20px;
	content: " ";
	width: 1px;
	height: 22px;
	background-color: #10c75c
}
.qt-model-t .setting-main .login-hearder {
	color: #666;
	font-size: 20px;
	padding: 36px 0 30px;
	height: auto
}
.qt-model-t .setting-main .login-hearder p {
	margin-top: 10px;
	color: #999;
	font-size: 14px;
	text-align: center
}
.qt-model-t .setting-main .login-wrap {
	position: initial;
	margin: 40px auto 0;
	-webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
	box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
	width: 524px;
	height: auto;
	padding-bottom: 50px
}
.qt-model-t .setting-main .login-wrap .input-inline, .setting-main .login-wrap .input-inline input {
	margin-bottom: 10px
}
.qt-model-t .setting-main .login-wrap .input-inline .warning-text.show {
	padding: 0;
	margin-top: -4px
}
.qt-model-t .setting-main .setting-alert {
	width: 280px;
	height: 160px;
	margin: 0 auto;
	background: #FFF;
	border-radius: 4px;
	padding: 30px 0
}
.qt-model-t .setting-main .setting-alert .setting-success {
	background: url(../images/login_v6.png) -200px -168px no-repeat;
	height: 50px;
	width: 50px;
	margin: 0 auto 20px
}
.qt-model-t .setting-main .setting-alert .setting-text {
	color: #666;
	font-size: 14px;
	text-align: center
}
.qt-model-t .setting-main .setting-alert .setting-text a {
	text-decoration: underline;
	color: #10c55b
}
.qt-model-t .login-wrap {
	position: relative;
	margin: 0 auto
}
.qt-model-t .login-hearder {
	color: #666;
	font-size: 20px;
	text-align: center;
	padding-top: 40px;
	position: relative
}
.qt-model-t .login-hearder .login-close {
	position: absolute;
	top: 10px;
	right: 10px;
	display: none;
	background: url(../images/login_v6.png) -100px -168px no-repeat;
	height: 20px;
	width: 17px;
	cursor: pointer
}
.qt-model-t .login-hearder .login-close:hover {
	animation: turn2 .3s linear
}
.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)
}
}
.qt-model-t .login-hearder .login-close-left {
	position: absolute;
	top: 0;
	left: -276px;
	background: url(../images/close.png)center no-repeat;
	height: 28px;
	width: 28px;
	border-radius: 50%;
	display: none;
	cursor: pointer;
	background-size: 28px 28px
}
.qt-model-t .login-hearder .login-close-left:hover {
	animation: turn2 .3s linear
}
.qt-model-t .login-hearder img {
	width: 120px
}
.qt-model-t .login-p {
	text-align: center;
	margin-top: 30px
}
.qt-model-t .login-p a {
	font-size: 16px;
	color: #666
}
.qt-model-t .login-p a:hover {
	color: #10c55b
}
.qt-model-t .login-others-cards {
	padding-top: 40px
}
.qt-model-t .geetest_holder {
	width: 100%!important
}
.qt-model-t .login-box .warning-text {
	display: block!important
}
.qt-model-t .agreement-handle {
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: sub;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAFo9M/3AAAAAXNSR0IArs4c6QAAAUtJREFUOBFjFDwd58nwj2EbE4gokfJjYBQ8GfefAQiY7hpNBdEIETAPSDDBGDAargckwMjA8ARFBdA0GbhAu1w0WBeKFrA2mL1gaSwE3AhkuSrpIIY6mVCwEAtMQpJVkOGkXgfDqjfHGEoeLoQJMzAKnYx7DHINXASNgV8BE4MXEz7dkGBEMxKdi9UX78wQjgQrOKjdxKDDJQfWDJIUOhUPNwgecmf1uhgUOcRRJEGq4ArgWtAYWN0AUwOKPvzhAFOJgwbHP95wwqERJgzSi9eJMIUwuhKYCA7pNMO4YBrFgFRxFwYtTsxoL5cOYAAFLzczO4PdlVoUA+CpCSS6+d0Zhs2alQyCzDwMfjc6GNwE9BnqZEMZ5rzcgxH8MFOwRoM0mxDDSrVihmOfbzCUPVwMU4uVxmoAVpU4BJmAOdULFB045HEKg/UA9QIArAVbP4kj0hcAAAAASUVORK5CYII=");
	margin-right: 5px
}
.qt-model-t .agreement-alert {
	text-align: center;
	font-size: 12px;
	color: #9B9B9B;
	margin-top: 38px;
	white-space: nowrap
}
.qt-model-t .agreement-alert .text {
	color: #9B9B9B
}
.qt-model-t .agreement-alert .text:hover {
	color: #10c55b
}
.qt-model-t .areaCode {
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
	height: 36px!important;
	width: initial!important;
	border-radius: 4px;
	border: 1px solid #e3e3e3
}
.qt-model-t .areaCode-icon {
	width: 20px;
	height: 34px;
	position: absolute;
	top: 0;
	right: 2px;
	background: url(//pic.qiantucdn.com/model/img/loginIcon.png) no-repeat
}
.qt-model-t .areaCode-con {
	font-size: 15px;
	width: 100px;
	height: 36px!important;
	line-height: 36px!important;
	overflow: hidden
}
.qt-model-t .areaCode-con p {
	font-size: 15px;
	width: initial!important;
	height: 36px!important;
	line-height: inherit!important;
	padding-left: 8px;
	line-height: 36px;
	color: #666
}
.qt-model-t .areaCode-con p i {
	display: inline-block;
	margin-left: 4px
}
.qt-model-t .areaCode-select {
	position: absolute;
	top: 40px;
	left: -1px;
	border-radius: 4px;
	display: none;
	width: 314px;
	height: 175px;
	overflow-x: auto;
	z-index: 6;
	background: #fff;
	border: 1px solid #e3e3e3
}
.qt-model-t .areaCode-select p {
	font-size: 15px;
	width: 100%;
	height: 25px;
	padding-left: 15px;
	line-height: 25px;
	color: #666
}
.qt-model-t .areaCode-select p i {
	display: block;
	float: right;
	margin-right: 15px;
	height: 25px
}
.qt-model-t .areaCode-select p:hover {
	background: #10c55b;
	color: #fff
}
.qt-model-t .areaCode-select p:hover i {
	color: #fff
}
.qt-model-t .login-wrap .login-type .login-type-hint {
	position: absolute;
	top: -28px;
	left: 73px;
	color: #3ea63d;
	width: 255px;
	font-size: 12px;
	text-align: center
}
.qt-model-t .pal-phone, .qt-model-t .par-phone {
	float: left;
	width: 314px;
	margin-left: 0px
}
.qt-model-t .warning-text {
	clear: both
}
.qt-model-t .login-wrap .login-form .input-inline .input-icon.areaCodePhoneIcon {
	left: 12px
}
.qt-model-t .gift_model_co {
	color: red
}
.qt-model-t .news_gift_models {
	text-align: center
}
.qt-model-t .login-wrap .account-box, .qt-model-t .login-wrap .login-box, .qt-model-t .login-wrap .phone-box {
	display: initial
}
.qt-model-t .phone-account-box {
	display: none
}
.qt-model-t .phone-account-box .login-hearder h2 {
	font-size: 26px;
	color: rgba(0,0,0,.65);
	letter-spacing: 0;
	text-align: center
}
.qt-model-t .phone-account-box .login-footer-content {
	padding: 70px 30px 0;
	line-height: 1
}
.qt-model-t .phone-account-box .login-footer-content .weibo-login, .qt-model-t .phone-account-box .login-footer-content .phone-login {
	font-size: 12px;
	color: silver;
	letter-spacing: 0;
	cursor: pointer
}
.qt-model-t .phone-account-box .login-footer-content p {
	font-size: 12px;
	color: #9B9B9B;
	letter-spacing: 0;
	float: right
}
.qt-model-t .phone-account-box .account-box {
	display: none
}
.qt-model-t .phone-account-box .account-box .input-inline input {
	width: 100%
}
.qt-model-t .phone_account-register .agreement-alert {
	text-align: center;
	margin-top: 16px
}
.qt-model-t .phone_account-register .login-form .login-switch {
	margin-top: 23px
}
.qt-model-t .social_account-register-box {
	display: none
}
.qt-model-t .social_account-register-box .login-hearder {
	padding-top: 33px
}
.qt-model-t .social_account-register-box .login-tips {
	margin-top: 36px!important
}
.qt-model-t .social_account-register-box .login-tips:before {
	content: '';
	height: 1px;
	width: 94px;
	background-color: #dedede;
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translateY(-50%) scaleY(0.7);
	margin-right: 114px
}
.qt-model-t .social_account-register-box .login-tips:after {
	content: '';
	height: 1px;
	width: 94px;
	background-color: #dedede;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) scaleY(0.7);
	margin-left: 114px
}
��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(//icon.qiantucdn.com/static/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(//icon.qiantucdn.com/static/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(//icon.qiantucdn.com/static/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(//icon.qiantucdn.com/static/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(//icon.qiantucdn.com/static/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(//icon.qiantucdn.com/static/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(//icon.qiantucdn.com/static/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(//icon.qiantucdn.com/static/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(//icon.qiantucdn.com/static/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(//icon.qiantucdn.com/static/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(//icon.qiantucdn.com/static/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(//icon.qiantucdn.com/static/images/vip.png) no-repeat center;
	background-size: contain;
	height: 25px
}
.icon-VIP2 {
	background: url(//icon.qiantucdn.com/static/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(//icon.qiantucdn.com/static/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(//icon.qiantucdn.com/static/images/vip-bg.png) no-repeat center;
	background-size: cover
}
.vip-lingqu-main>.share>a>.bg {
	height: 130px;
	width: 100%;
	background: url(//icon.qiantucdn.com/static/images/vip-share3.png) no-repeat center;
	background-size: cover
}
.vip-lingqu-main>.share>a>.bg2 {
	background: url(//icon.qiantucdn.com/static/images/vip-share2.png) no-repeat center
}
.vip-lingqu-main>.download>a>.bg {
	height: 130px;
	width: 100%;
	background: url(//icon.qiantucdn.com/static/images/vip-download.png) no-repeat center;
	background-size: cover
}
.vip-lingqu-main>.freeActivity>a>.bg {
	height: 130px;
	width: 100%;
	background: url(//icon.qiantucdn.com/static/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(//icon.qiantucdn.com/static/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(//icon.qiantucdn.com/static/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(//icon.qiantucdn.com/static/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(//icon.qiantucdn.com/static/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(//icon.qiantucdn.com/static/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(//icon.qiantucdn.com/static/images/thanksgiving/h1.png);
	opacity: 1
}
.qtuthankskin-item-b a {
	background-image: url(//icon.qiantucdn.com/static/images/thanksgiving/h2.png);
	opacity: 1
}
.qtuthankskin-item-c a {
	background-image: url(//icon.qiantucdn.com/static/images/thanksgiving/h3.png);
	opacity: 1
}
.qtuthankskin-item-d a {
	background-image: url(//icon.qiantucdn.com/static/images/thanksgiving/h4.png);
	opacity: 1
}
.qtuthankskin-item-e a {
	background-image: url(//icon.qiantucdn.com/static/images/thanksgiving/h5.png);
	opacity: 1
}
.qtuthankskin-item-f a {
	background-image: url(//icon.qiantucdn.com/static/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(//icon.qiantucdn.com/static/images/rightBtnV2/olduserback.png) center no-repeat
}
.oldUserBack-head2 {
	color: #fff!important;
	background: url(//icon.qiantucdn.com/static/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(//icon.qiantucdn.com/static/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(//icon.qiantucdn.com/static/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(//icon.qiantucdn.com/static/images/rightBtnV2/olduserback-jifeng1.png) center no-repeat
}
.oldUserBack-backimg2 {
	background: url(//icon.qiantucdn.com/static/images/rightBtnV2/olduserback-vip1.png) center no-repeat!important
}
.oldUserBack-backimg3 {
	background: url(//icon.qiantucdn.com/static/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(//icon.qiantucdn.com/static/images/rightBtnV2/bg20-1.png) center no-repeat!important
}
.activity4-bg100 {
	background: url(//icon.qiantucdn.com/static/images/rightBtnV2/bg100.png) center no-repeat!important
}
.activity4-bgvip7 {
	background: url(//icon.qiantucdn.com/static/images/rightBtnV2/bgvip7-1.png) center no-repeat!important
}
.activity4-jc20 {
	background: url(//icon.qiantucdn.com/static/images/rightBtnV2/jc20-1.png) center no-repeat!important
}
.activity4-jc100 {
	background: url(//icon.qiantucdn.com/static/images/rightBtnV2/jc100.png) center no-repeat!important
}
.activity4-jcvip7 {
	background: url(//icon.qiantucdn.com/static/images/rightBtnV2/jcvip7-1.png) center no-repeat!important
}
.activity4-jx20 {
	background: url(//icon.qiantucdn.com/static/images/rightBtnV2/jx20-1.png) center no-repeat!important
}
.activity4-jx100 {
	background: url(//icon.qiantucdn.com/static/images/rightBtnV2/jx100.png) center no-repeat!important
}
.activity4-jxvip7 {
	background: url(//icon.qiantucdn.com/static/images/rightBtnV2/jxvip7-1.png) center no-repeat!important
}
.activity4-vip10 {
	background: url(//icon.qiantucdn.com/static/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";
.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 {
	width: 20%;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	margin-bottom: 16px;
	cursor: pointer
}
.qtw-card:nth-child(5n) {
	margin-right: 0
}
.qtw-card .image-box {
	position: relative;width: 94%;height: auto;
	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 .image-box img {
	display: block;
	position: relative;
	left: 0%;
	top: 50%;
	width: 100%;
	-webkit-transform: translate(0%, 0%);
	-ms-transform: translate(0%, 0%);
	-moz-transform: translate(0%, 0%);
	transform: translate(0%, 0%);
	-webkit-border-radius: 8px;
	border-radius: 8px
}
.photobody .qtw-card .image-box img {
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
	width: 100%;
	-webkit-transform: translate(0%, 0%);
	-ms-transform: translate(0%, 0%);
	-moz-transform: translate(0%, 0%);
	transform: translate(0%, 0%);
	-webkit-border-radius: 8px;
	border-radius: 8px
}

.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(//icon.qiantucdn.com/static/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;
	border:1px #00be6e solid; color:#00be6e;
}
.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-ms {
	position: absolute;
	left: -webkit-calc(7%);
	left: -moz-calc(7%);
	left: calc(7%);
	bottom: -42px;
	width: 86%;
	height: auto;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	z-index: 99;
	opacity: 0;
	color: aliceblue;
	background: rgba(0,0,0,0.5);
	border-radius: 6px; padding: 10px;
}
.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-ms {
	bottom: 28px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	opacity: 1
}
.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(//icon.qiantucdn.com/static/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(//icon.qiantucdn.com/static/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
}
.qtw-button.qtw-button--jx{border:0;background-image:-webkit-gradient(linear,left top,right top,from(#32e696),to(#00BE6E));background-image:-webkit-linear-gradient(left,#32e696,#00BE6E);background-image:-moz- oldlinear-gradient(left,#32e696,#00BE6E); color:#fff;
}.qtw-button.qtw-button--jx span{ color:#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(//icon.qiantucdn.com/static/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(//icon.qiantucdn.com/static/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 {
	
}
.qtw-card .image-box, .qtw-card .audio-box, .qtw-card .video-box {
	
}
.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)
}
}
.designer-skeleton {
	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
}
.designer-skeleton .skeleton-img {
	float: left;
	width: 124px;
	height: 100%;
	overflow: hidden
}
.designer-skeleton .skeleton-logo {
	margin-left: -webkit-calc(50% + 42px);
	margin-left: -moz-calc(50% + 42px);
	margin-left: calc(50% + 42px);
	width: 38px!important;
	height: 38px!important;
	-webkit-border-radius: 50%;
	border-radius: 50%
}
.designer-skeleton .skeleton-line1 {
	margin-top: 40px;
	margin-left: 144px;
	width: 30%!important
}
.designer-skeleton .skeleton-line2 {
	margin-left: 144px;
	width: 40%!important
}
[class*=skeleton-] {
-webkit-animation-duration:1s;
-moz-animation-duration:1s;
animation-duration:1s;
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
animation-fill-mode:forwards;
-webkit-animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
animation-iteration-count:infinite;
-webkit-animation-name:skeleton;
-moz-animation-name:skeleton;
animation-name:skeleton;
-webkit-animation-timing-function:linear;
-moz-animation-timing-function:linear;
animation-timing-function:linear;
background:#f6f7f8;
background:-webkit-gradient(linear, left top, right top, color-stop(8%, #EDEDED), color-stop(18%, #ddd), color-stop(33%, #EDEDED));
background:-webkit-linear-gradient(left, #EDEDED 8%, #ddd 18%, #EDEDED 33%);
background:-moz- oldlinear-gradient(left, #EDEDED 8%, #ddd 18%, #EDEDED 33%);
background:linear-gradient(to right, #EDEDED 8%, #ddd 18%, #EDEDED 33%);
-webkit-background-size:800px 104px;
background-size:800px 104px;
height:15px;
position:relative;
margin-bottom:10px
}
@media screen and (max-width:1220px) {
.designer-skeleton {
	width: 216px;
	height: 142px
}
.skeleton-img {
	float: left;
	width: 98px!important
}
.skeleton-line1 {
	margin-top: 20px!important;
	margin-left: 108px!important
}
.skeleton-line2 {
	margin-left: 108px!important
}
}
@-webkit-keyframes skeleton {
0% {
background-position:-468px 0
}
100% {
background-position:468px 0
}
}
@-moz-keyframes skeleton {
0% {
background-position:-468px 0
}
100% {
background-position:468px 0
}
}
@keyframes skeleton {
0% {
background-position:-468px 0
}
100% {
background-position:468px 0
}
}/*! * * * * * * * * * * * * * * * * * * * *\
  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
}
.new-subscribe-model .subscribe-row {
	width: 100%;
	height: 100%;
	position: relative
}
.new-subscribe-model .subscribe-row:after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: #F4F4F4;
	position: absolute;
	top: 48px;
	left: 0
}
.new-subscribe-model .subscribe-row .subscribe-row-title {
	width: 960px;
	height: 48px;
	background: #fff;
	margin: 0 auto;
	line-height: 48px;
	margin-bottom: 16px
}
.new-subscribe-model .subscribe-row .subscribe-row-title>span:nth-child(1) {
	float: left;
	font-size: 20px;
	color: rgba(0,0,0,.65)
}
.new-subscribe-model .subscribe-row .subscribe-row-title>span:nth-of-type(2) {
	float: right;
	color: #9C9C9C;
	margin-right: 24px
}
.new-subscribe-model .subscribe-row .subscribe-row-title>button {
	float: right;
	margin-top: 6px
}
.new-subscribe-model .is-disabled {
	background: #BFBFBF;
	color: #fff
}
.new-subscribe-model.subscribe-model {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	z-index: 999
}
.new-subscribe-model.subscribe-model .subscribe-model-row {
	width: 990px;
	height: 680px;
	background: #fff;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	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%)
}
.new-subscribe-model.subscribe-model .subscribe-model-row .subscribe-context {
	width: 100%
}
.new-subscribe-model.subscribe-model .subscribe-model-row .subscribe-context .subscribe-context-head {
	height: 48px;
	padding-top: 8px;
	padding-left: 22px;
	padding-right: 22px;
	border-bottom: 1px solid #F4F4F4
}
.new-subscribe-model.subscribe-model .subscribe-model-row .subscribe-context .subscribe-context-head .head-right>span {
	display: inherit;
	margin-right: 30px;
	font-size: 12px;
	line-height: 18px;
	color: #999
}
.new-subscribe-model.subscribe-model .subscribe-model-row .subscribe-context .subscribe-context-head .head-right button {
	margin-top: -2px
}
.new-subscribe-model.subscribe-model .subscribe-model-row .subscribe-context .model-box {
	width: 100%;
	height: 546px;
	padding-top: 14px;
	margin-bottom: 24px;
	overflow: hidden
}
.new-subscribe-model.subscribe-model .subscribe-model-row .subscribe-context .model-box .subscribe-context-list {
	padding: 0 22px;
	padding-right: 0;
	height: 550px;
	border-bottom: 0
}
.new-subscribe-model.subscribe-model .subscribe-model-row .subscribe-context .model-box .subscribe-context-list li:nth-child(8n) {
	margin-right: 24px
}
.new-subscribe-model.subscribe-model .subscribe-model-row .subscribe-context .model-box .subscribe-context-list li:nth-child(7n) {
	margin-right: 0
}
.new-subscribe-model.subscribe-model .subscribe-model-row .subscribe-context .model-box.is-two {
	display: none;
	padding: 0 20px
}
.new-subscribe-model.subscribe-model .subscribe-model-row .subscribe-context .model-box.is-two .designer-box {
	float: left;
	width: 140px;
	height: 100%;
	margin-right: 26px
}
.new-subscribe-model.subscribe-model .subscribe-model-row .subscribe-context .model-box.is-two .designer-box .is-designer {
	position: relative;
	width: 140px;
	height: 140px;
	color: rgba(0,0,0,.43);
	padding-top: 20px;
	margin-top: 30px;
	cursor: pointer
}
.new-subscribe-model.subscribe-model .subscribe-model-row .subscribe-context .model-box.is-two .designer-box .is-designer img {
	display: inherit;
	width: 78px;
	margin: 0 auto
}
.new-subscribe-model.subscribe-model .subscribe-model-row .subscribe-context .model-box.is-two .designer-box .is-designer p {
	width: 100%;
	text-align: center;
	font-size: 14px;
	margin-top: 10px
}
.new-subscribe-model.subscribe-model .subscribe-model-row .subscribe-context .model-box.is-two .designer-box .is-designer i {
	display: none;
	position: absolute;
	top: 6px;
	right: 6px;
	font-size: 20px;
	color: #00BE6E
}
.new-subscribe-model.subscribe-model .subscribe-model-row .subscribe-context .model-box.is-two .designer-box .is-designer.active {
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 2px solid #00be6e;
	color: #00BE6E
}
.new-subscribe-model.subscribe-model .subscribe-model-row .subscribe-context .model-box.is-two .designer-box .is-designer.active i {
	display: block
}
.new-subscribe-model.subscribe-model .subscribe-model-row .subscribe-context .model-box.is-two .subscribe-context-list {
	padding: 0;
	padding-top: 25px;
	width: 640px;
	height: 100%;
	overflow: auto
}
.new-subscribe-model.subscribe-model .subscribe-model-row .subscribe-context .model-box.is-two .subscribe-context-list li {
	width: 90px;
	height: 90px;
	margin-right: 15px;
	margin-bottom: 15px
}
.new-subscribe-model.subscribe-model .subscribe-model-row .subscribe-context .model-box.is-two .subscribe-context-list li:nth-child(7n) {
	margin-right: 15px
}
.new-subscribe-model.subscribe-model .subscribe-model-row .subscribe-context .is-four {
	height: 340px
}
.new-subscribe-model.subscribe-model .subscribe-model-row .subscribe-context .subscribe-context-result {
	padding-left: 106px;
	margin-bottom: 88px
}
.new-subscribe-model.subscribe-model .subscribe-model-row .subscribe-context .subscribe-context-foot {
	height: 60px;
	line-height: 60px;
	border-top: 1px solid #F4F4F4;
	padding: 0 22px;
	position: relative
}
.new-subscribe-model.subscribe-model .subscribe-model-row .subscribe-context .subscribe-context-foot .foot-slide {
	width: 370px;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 17px
}
.new-subscribe-model.subscribe-model .subscribe-model-row .subscribe-context .subscribe-context-foot .foot-slide>span {
	display: block;
	float: left;
	width: auto;
	height: 26px;
	line-height: 26px;
	font-size: 14px;
	color: rgba(0,0,0,.65)
}
.new-subscribe-model.subscribe-model .subscribe-model-row .subscribe-context .subscribe-context-foot .foot-slide>span em {
	display: inline-block;
	width: 26px;
	height: 26px;
	line-height: 22px;
	text-align: center;
	color: #e8e8e8;
	font-size: 14px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-right: 10px;
	border: 2px solid #e8e8e8
}
.new-subscribe-model.subscribe-model .subscribe-model-row .subscribe-context .subscribe-context-foot .foot-slide>span.active {
	color: #00be6e
}
.new-subscribe-model.subscribe-model .subscribe-model-row .subscribe-context .subscribe-context-foot .foot-slide>span.active em {
	background-color: #00BE6E;
	border-color: #00BE6E;
	color: #fff
}
.new-subscribe-model.subscribe-model .subscribe-model-row .subscribe-context .subscribe-context-foot .foot-slide>em {
	display: block;
	float: left;
	width: 50px;
	height: 14px;
	border-bottom: 1px solid #e8e8e8;
	margin: 0 10px
}
.new-subscribe-model.subscribe-model .subscribe-model-row .subscribe-context .subscribe-context-foot .subscribe-next {
	position: absolute;
	right: 20px;
	bottom: 12px
}
.new-subscribe-model .subscribe-context {
	width: 960px;
	height: auto;
	margin: 0 auto;
	padding-bottom: 24px
}
.new-subscribe-model .subscribe-context .is-box {
	display: none
}
.new-subscribe-model .subscribe-context .is-one {
	display: block
}
.new-subscribe-model .subscribe-context .subscribe-context-head {
	width: 100%;
	height: auto
}
.new-subscribe-model .subscribe-context .subscribe-context-head .head-left .head-photo {
	display: block;
	width: 32px;
	height: 32px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-right: 8px
}
.new-subscribe-model .subscribe-context .subscribe-context-head .head-left .head-name {
	display: block;
	color: #00BE6E;
	font-size: 16px;
	margin-right: 16px;
	line-height: 32px
}
.new-subscribe-model .subscribe-context .subscribe-context-head .head-left .head-docs {
	display: block;
	font-size: 16px;
	color: rgba(0,0,0,.65);
	line-height: 32px
}
.new-subscribe-model .subscribe-context .subscribe-context-list {
	width: 100%;
	height: auto;
	padding: 0 9px;
	padding-top: 17px;
	border-bottom: 1px solid #F4F4F4
}
.new-subscribe-model .subscribe-context .subscribe-context-list.is-two1 li .li-docs .icon, .new-subscribe-model .subscribe-context .subscribe-context-list.is-three1 li .li-docs .icon {
	-webkit-border-radius: 100%!important;
	border-radius: 100%!important
}
.new-subscribe-model .subscribe-context .subscribe-context-list li {
	width: 114px;
	height: 114px;
	position: relative;
	float: left;
	margin-right: 24px;
	margin-bottom: 24px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	overflow: hidden
}
.new-subscribe-model .subscribe-context .subscribe-context-list li:nth-child(7n) {
	margin-right: 0
}
.new-subscribe-model .subscribe-context .subscribe-context-list li input {
	position: absolute;
	z-index: 2;
	opacity: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer
}
.new-subscribe-model .subscribe-context .subscribe-context-list li input:hover+.li .li-docs {
	background: rgba(0,190,110,.6)
}
.new-subscribe-model .subscribe-context .subscribe-context-list li input:checked+.li .li-docs {
	background: rgba(0,190,110,.6)
}
.new-subscribe-model .subscribe-context .subscribe-context-list li input:checked+.li .li-docs .icon {
	display: block
}
.new-subscribe-model .subscribe-context .subscribe-context-list li .li {
	width: 100%;
	height: 100%;
	position: relative
}
.new-subscribe-model .subscribe-context .subscribe-context-list li .li img {
	display: block;
	width: 100%;
	height: 100%
}
.new-subscribe-model .subscribe-context .subscribe-context-list li .li .li-docs {
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	transition: all .2s ease;
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 114px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background: rgba(0,0,0,.4);
	font-size: 16px;
	color: rgba(255,255,255,.8)
}
.new-subscribe-model .subscribe-context .subscribe-context-list li .li .li-docs>strong {
	display: block;
	color: #fff;
	text-align: center;
	font-size: 16px;
	margin-top: 30px;
	line-height: 16px
}
.new-subscribe-model .subscribe-context .subscribe-context-list li .li .li-docs>span {
	display: block;
	text-align: center;
	font-size: 12px;
	line-height: 15px;
	margin-top: 15px;
	padding: 0 10px
}
.new-subscribe-model .subscribe-context .subscribe-context-list li .li .li-docs .icon {
	display: none;
	width: 18px;
	height: 18px;
	background: #fff;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	line-height: 18px;
	font-size: 16px;
	text-align: center;
	position: absolute;
	top: 12px;
	right: 12px;
	color: #00be6e
}
.new-subscribe-model .subscribe-context .subscribe-context-other {
	width: 100%;
	height: 28px;
	display: none;
	float: left;
	line-height: 28px;
	position: relative;
	margin-bottom: 24px
}
.new-subscribe-model .subscribe-context .subscribe-context-other span {
	font-size: 14px;
	color: rgba(0,0,0,.65)
}
.new-subscribe-model .subscribe-context .subscribe-context-other [name=other] {
	display: block;
	width: 300px;
	height: 28px;
	top: 0;
	position: absolute;
	left: 73px;
	border-bottom: 1px solid #dfe3e9;
	font-size: 14px;
	color: rgba(0,0,0,.6);
	padding-left: 12px
}
.new-subscribe-model .subscribe-context .subscribe-context-select {
	width: 100%;
	height: 384px;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 70px;
	border-bottom: 1px solid #F4F4F4
}
.new-subscribe-model .subscribe-context .subscribe-context-select .select-box {
	display: inline-block;
	width: 200px;
	height: 260px;
	position: relative;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	overflow: hidden
}
.new-subscribe-model .subscribe-context .subscribe-context-select .select-box input {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 1;
	left: 0;
	cursor: pointer
}
.new-subscribe-model .subscribe-context .subscribe-context-select .select-box input:hover+.box {
	background: #F6F6F6
}
.new-subscribe-model .subscribe-context .subscribe-context-select .select-box input:checked+.box {
	background: #EDFFF4
}
.new-subscribe-model .subscribe-context .subscribe-context-select .select-box input:checked+.box strong {
	color: #00BE6E
}
.new-subscribe-model .subscribe-context .subscribe-context-select .select-box input:checked+.box .icon {
	display: block
}
.new-subscribe-model .subscribe-context .subscribe-context-select .select-box .box {
	width: 100%;
	height: 100%;
	text-align: center;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	transition: all .2s ease;
	position: relative;
	padding-top: 13px
}
.new-subscribe-model .subscribe-context .subscribe-context-select .select-box .box img {
	display: block;
	margin: 0 auto;
	width: 140px;
	margin-top: 13px;
	margin-bottom: 18px
}
.new-subscribe-model .subscribe-context .subscribe-context-select .select-box .box strong {
	font-size: 20px;
	color: rgba(0,0,0,.65)
}
.new-subscribe-model .subscribe-context .subscribe-context-select .select-box .box p {
	font-size: 14px;
	color: #999;
	margin-top: 5px;
	text-align: center
}
.new-subscribe-model .subscribe-context .subscribe-context-select .select-box .box .icon {
	display: none;
	position: absolute;
	top: 12px;
	right: 12px;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	font-size: 16px;
	text-align: center;
	line-height: 20px;
	background: #00be6e;
	color: #fff
}
.new-subscribe-model .subscribe-context .subscribe-context-select .select-box:nth-child(1) {
	margin-right: 150px
}
.new-subscribe-model .subscribe-context .subscribe-context-result {
	margin-top: 57px;
	text-align: center;
	padding-left: 176px
}
.new-subscribe-model .subscribe-context .subscribe-context-result img {
	display: block;
	float: left;
	width: 240px;
	margin-right: 64px
}
.new-subscribe-model .subscribe-context .subscribe-context-result .result-docs {
	display: block;
	float: left;
	padding-top: 40px
}
.new-subscribe-model .subscribe-context .subscribe-context-result .result-docs strong {
	font-size: 32px;
	color: #00be6e
}
.new-subscribe-model .subscribe-context .subscribe-context-result .result-docs p {
	font-size: 16px;
	color: rgba(0,0,0,.65);
	margin-top: 16px;
	margin-bottom: 30px
}
.new-subscribe-model .subscribe-context .subscribe-context-result .result-docs p span {
	color: #00be6e
}
.new-subscribe-model .subscribe-context .subscribe-context-result .result-docs .result-jump a:nth-child(1) {
	margin-right: 20px
}
.new-subscribe-model .subscribe-context .subscribe-context-foot {
	font-size: 12px;
	padding-top: 16px;
	color: #999
}
.new-subscribe-model .subscribe-context .subscribe-context-foot span:nth-child(1) {
	cursor: pointer;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	transition: all .2s ease
}
.new-subscribe-model .subscribe-context .subscribe-context-foot span:nth-child(1):hover {
	color: #00be6e
}
.new-subscribe-model .topnav_box {
	position: relative
}
.new-subscribe-model .topnav_box:hover {
	overflow-y: scroll
}
.new-subscribe-model .topnav_box::-webkit-scrollbar {
width:6px;
height:10px;
-webkit-border-radius:6px;
border-radius:6px;
background-color:#DEDEDE;
position:absolute;
right:5px
}
.new-subscribe-model .topnav_box::-webkit-scrollbar-track {
-webkit-border-radius:6px;
border-radius:6px;
background-color:#DEDEDE
}
.new-subscribe-model .topnav_box::-webkit-scrollbar-thumb {
width:6px;
-webkit-border-radius:6px;
border-radius:6px;
background-color:#B6B6B6
}
.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(//icon.qiantucdn.com/static/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(//icon.qiantucdn.com/static/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(//icon.qiantucdn.com/static/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(//icon.qiantucdn.com/static/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(//icon.qiantucdn.com/static/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%
}

.poster-box {
	display: none;
	width: 100%;
	height: 50px;
	background: #e7fff1;
	position: relative
}
.poster-box .poster-item {
	position: relative;
	margin: 0 auto;
	width: 1200px;
	height: 100%;
	line-height: 1;
	text-align: center
}
.poster-box .poster-item span {
	display: inline;
	margin-right: 25px;
	height: 100%;
	line-height: 50px;
	font-size: 16px;
	font-weight: 400;
	color: #00834c
}
.poster-box .poster-item button {
	vertical-align: middle;
	width: 86px!important;
	height: 28px!important;
	line-height: .9px!important;
	-webkit-border-radius: 4px!important;
	border-radius: 4px!important;
	font-size: 12px!important;
	font-weight: 400!important;
	text-align: center;
	padding-top: 11px;
	margin-bottom: 6px
}
.poster-box .poster-item .icon-p-x {
	position: absolute;
	top: 8px;
	right: 8px;
	cursor: pointer;
	color: rgba(0,0,0,.25)
}

.poster-line-box {
	padding: 0 12px
}
.poster-line-box .poster-line {
	float: left;
	position: relative;
	width: -webkit-calc(50% - 10px);
	width: -moz-calc(50% - 10px);
	width: calc(50% - 10px);
	height: 100px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	overflow: hidden
}
.poster-line-box .poster-line:nth-child(1) {
	margin-right: 20px
}
.poster-line-box .poster-line img {
	width: 100%;
	height: 100%;
	-webkit-border-radius: 8px;
	border-radius: 8px
}
.poster-line-box .poster-line span {
	position: absolute;
	display: inline-block;
	width: auto;
	height: 20px;
	line-height: 20px;
	padding: 0 2px!important;
	bottom: 2px!important;
	right: 4px;
	background-color: rgba(0,0,0,.6);
	color: #fff;
	text-align: center;
	font-size: 12px;
	cursor: pointer
}
.poster-line-box .poster-line span.qk-close {
	width: 20px!important;
	right: 37px!important
}
.assess {
	font-size: 24px;
	color: #666;
	width: 100%;
	height: 33px;
	text-align: center;
	margin-top: 40px
}
.assessList {
	width: 1200px;
	height: 66px;
	text-align: center;
	line-height: 62px;
	margin-top: 30px
}
.assessList li {
	display: inline-block;
	width: 50px;
	height: 50px;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	overflow: hidden;
	opacity: .5;
	margin: 0 5px;
	cursor: pointer
}
.assessList li img {
	width: 50px;
	height: 50px
}
.assessList .assessList-hover {
	width: 64px;
	height: 64px;
	vertical-align: -9px;
	border: 2px solid #dadada;
	opacity: 1
}
.assessList .assessList-hover img {
	width: 60px;
	height: 60px
}
.assessModel {
	width: 1200px;
	overflow: hidden
}
.assessModel ul {
	width: 1200px;
	display: none
}
.assessModel ul li {
	width: 1200px;
	text-align: center;
	margin-top: 30px
}
.assessModel ul li .assessModel-con {
	display: inline-block;
	font-size: 18px;
	color: rgba(0,0,0,.43);
	text-align: center;
	line-height: 30px;
	text-align: center;
	position: relative
}
.assessModel ul li .assessModel-name {
	width: 100%;
	font-size: 14px;
	color: rgba(0,0,0,.43);
	text-align: center;
	margin-top: 16px
}
.assessModel ul li .assessModel-name img {
	display: inline-block
}
.assessModel ul li .assessModel-con-left {
	position: absolute;
	top: -15px;
	left: -36px;
	font-size: 80px;
	display: block;
	color: rgba(153,153,153,.46);
	width: 28px;
	height: 22px;
	-webkit-background-size: 28px 22px;
	background-size: 28px 22px
}
.assessModel ul li .assessModel-con-right {
	position: absolute;
	bottom: 1px;
	right: -50px;
	font-size: 80px;
	display: block;
	color: rgba(153,153,153,.46);
	width: 28px;
	height: 22px;
	-webkit-background-size: 28px 22px;
	background-size: 28px 22px
}
.mode {
	width: 100%;
	text-align: center;
	font-size: 24px;
	color: #666;
	line-height: 28px;
	margin-top: 53px
}
.mode i {
	display: inline-block;
	font-size: 14px;
	color: rgba(0,0,0,.43);
	text-align: center
}
.modeModel {
	width: 100%;
	margin-top: 38px;
	height: 93px
}
.modeModel .box {
	width: 1200px
}
.modeModel ul {
	width: 375px;
	float: left;
	margin-left: 170px
}
.modeModel .modeModel-img {
	position: relative;
	width: 86px;
	height: 92px;
	float: left;
	margin-right: 24px
}
.modeModel .modeModel-img .ugc-tip {
	position: absolute;
	top: -8px;
	right: 23px;
	width: 59px;
	height: 22px;
	margin: 0
}
.modeModel .modeModel-title {
	font-size: 18px;
	color: rgba(0,0,0,.65);
	text-align: center;
	height: 25px;
	float: left
}
.modeModel .modeModel-txt {
	font-size: 12px;
	color: rgba(0,0,0,.43);
	height: 17px;
	float: left;
	margin-top: 2px
}
.modeModel .modeModel-btn {
	width: 90px;
	height: 36px;
	float: left;
	line-height: 36px;
	color: #fff;
	font-size: 12px;
	margin-top: 12px
}
.companies {
	padding: 37px 20px;
	width: 1200px;
	margin: 0 auto
}
.companies .companies-title {
	text-align: center;
	font-size: 24px;
	color: #333;
	margin-bottom: 48px
}
.companies .companies-person {
	width: 1230px;
	margin-bottom: 30px
}
.companies .companies-person .person-card {
	width: 380px;
	height: 240px;
	background-color: #fff;
	margin-right: 30px;
	position: relative;
	padding: 20px 25px;
	margin-top: 30px
}
.companies .companies-person .person-card:after {
	position: absolute;
	content: " ";
	width: 30px;
	height: 30px;
	background: url(//icon.qiantucdn.com/img/searchnew/common2.png) -185px -502px no-repeat;
	top: 50px;
	left: 25px;
	z-index: 1
}
.companies .companies-person .card-img {
	width: 95px;
	height: 95px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	top: -30px;
	right: 20px;
	overflow: hidden
}
.companies .companies-person .card-title {
	height: 80px;
	padding-left: 60px;
	font-size: 14px
}
.companies .companies-person .card-title em {
	font-weight: 700
}
.companies .companies-person .card-from {
	position: absolute;
	bottom: 20px;
	left: 25px
}
.companies .companies-person .card-des {
	font-size: 14px;
	color: #666;
	line-height: 22px
}
.companies .companies-person .card-info {
	position: absolute;
	bottom: 20px;
	right: 25px;
	font-size: 14px;
	color: #666;
	border: 1px solid #e3e3e3;
	padding: 2px 8px
}
.companies .companies-firm {
	width: 1208px;
	margin-bottom: 30px
}
.companies .companies-firm .firm-card {
	margin-right: 11px;
	width: 140px;
	height: 60px
}
.companies .companies-news .news-flag {
	font-size: 14px;
	font-weight: 700;
	color: #666;
	background-color: #fff;
	width: 90px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	position: relative
}
.companies .companies-news .news-flag:after {
	position: absolute;
	content: " ";
	top: 10px;
	right: -15px;
	border: 8px solid;
	border-color: transparent transparent transparent #fff
}
.companies .companies-news .news-all {
	width: 1090px;
	height: 36px;
	overflow: hidden
}
.companies .companies-news .news-list {
	line-height: 36px;
	margin-left: 20px;
	height: 36px
}
.companies .companies-news .news-list span {
	display: inline-block;
	width: 380px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size: 14px;
	color: #333;
	vertical-align: middle
}
.companies .companies-news .news-list em {
	vertical-align: middle;
	display: inline-block;
	margin-left: 20px;
	font-size: 12px;
	color: #666
}
.companies .companies-news .news-handle {
	width: 16px;
	height: 36px;
	background: url(//icon.qiantucdn.com/img/searchnew/common2.png) -162px -501px no-repeat
}
.companies .companies-news .news-handle a {
	display: block;
	width: 16px;
	height: 18px
}
.roll-box {
	position: relative
}
.roll-box.topic-wrap .wrap-list {
	margin-left: 0;
	margin-right: 20px
}
.roll-box .roll-wrap {
	overflow: hidden
}
.roll-box .roll-next, .roll-box .roll-prev {
	display: none;
	position: absolute;
	z-index: 20;
	width: 36px;
	margin-top: -18px;
	height: 36px;
	background: url(//icon.qiantucdn.com/img/searchnew/common2.png) no-repeat;
	cursor: pointer
}
.roll-box:hover .roll-next, .roll-box:hover .roll-prev {
	display: block
}
.roll-box .roll-prev {
	top: 50%;
	left: -17px;
	background-position: -6px -506px
}
.roll-box .roll-next {
	top: 50%;
	right: 12px;
	background-position: -46px -506px
}
.companies-firm .roll-next, .companies-firm .roll-prev {
	width: 24px;
	margin-top: -12px;
	height: 24px
}
.companies-firm .roll-prev {
	top: 50%;
	left: -13px;
	background-position: -96px -511px
}
.companies-firm .roll-next {
	top: 50%;
	right: -3px;
	background-position: -126px -511px
}
.topic-wrap .roll-next {
	top: 50%;
	right: -15px
}
.right-btn-group {
	display: none
}
.links-ship .ship-handle {
	font-size: 14px;
	color: #333;
	cursor: pointer
}
.links-ship .ship-handle.on span {
	background-position: -162px -507px
}
.links-ship .ship-handle span {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	background: url(//icon.qiantucdn.com/img/searchnew/common2.png) -162px -518px no-repeat
}
.links-ship .nav-ship {
	display: none;
	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, .links-ship .ship-box a, .links-ship .ship-box li, .links-ship .ship-box span {
	color: #cbcaca;
	font-size: 14px
}
.links-ship .ship-box {
	display: none;
	margin-top: 20px
}
.links-ship .ship-box ul {
	display: none;
	overflow: hidden
}
.links-ship .ship-box ul:first-child {
	display: block
}
.links-ship .ship-box li {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px
}
.links-ship .ship-box a:hover, .links-ship .ship-box span:hover {
	color: #10c55b
}
#qt-activity-model.qt-999-model {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999
}
#qt-activity-model.qt-999-model .model-row {
	width: 300px;
	height: auto;
	top: 50%;
	left: 50%;
	bottom: initial;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%)
}
#qt-activity-model.qt-999-model .model-row .model-close {
	right: -20px;
	top: -20px;
	left: initial
}
#qt-activity-model.is-bringUsers .model-row {
	top: 50%;
	left: 50%;
	bottom: initial;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	position: relative
}
#qt-activity-model.is-bringUsers .model-row .bringUsers-bottom {
	position: absolute;
	height: 40px;
	bottom: 35px;
	text-align: center;
	width: 100%
}
#qt-activity-model.is-bringUsers .model-row .bringUsers-bottom .btn {
	width: 120px;
	height: 40px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	display: inline-block;
	cursor: pointer;
	margin: 0 6px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 40px
}
#qt-activity-model.is-bringUsers .model-row .bringUsers-bottom .btn:nth-child(1) {
	background: #bfbfbf
}
#qt-activity-model.is-bringUsers .model-row .bringUsers-bottom .btn:nth-child(2) {
	background: -webkit-gradient(linear, left top, right top, from(#ff7142), to(#ff470a));
	background: -webkit-linear-gradient(left, #ff7142 0, #ff470a 100%);
	background: -moz- oldlinear-gradient(left, #ff7142 0, #ff470a 100%);
	background: linear-gradient(90deg, #ff7142 0, #ff470a 100%)
}
#qt-activity-model.is-bringUsers .model-row .model-close {
	top: 0;
	width: 30px;
	height: 30px;
	line-height: 30px;
	left: 340px
}
#qt-activity-model.is-bringUsers .model-row .model-close .jump-close {
	position: relative
}
#qt-activity-model.is-activity .model-row {
	height: auto;
	top: 50%;
	left: 50%;
	bottom: initial;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%)
}
#qt-activity-model.is-activity .model-row.is-activity1 {
	width: 430px
}
#qt-activity-model.is-activity .model-row.is-activity2 {
	width: 504px
}
#qt-activity-model.is-activity .model-row .model-close {
	right: -20px;
	top: -20px;
	left: initial
}
#qt-activity-model {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999
}
#qt-activity-model .model-row {
	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)
}
#qt-activity-model .model-row .model-close {
	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
}
#qt-activity-model .model-row .model-close>.icon {
	color: #dcdcdc;
	font-size: 20px
}
#qt-activity-model .model-row .patch-img {
	display: block;
	width: 100%;
	height: 100%
}
#activity-left {
	width: 125px;
	height: 180px;
	position: fixed;
	left: 40px;
	bottom: 20px;
	z-index: 999
}
#activity-left .model-close {
	width: 20px;
	height: 20px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	left: -30px;
	top: 0;
	cursor: pointer;
	border: 1px solid #999;
	text-align: center;
	line-height: 20px
}
#activity-left .model-close>.icon {
	color: #999;
	font-size: 12px
}
#activity-left .patch-img {
	display: block;
	width: 100%;
	height: 100%
}
@media screen and (min-width:1220px) {
.banner-box {
	width: 100%;
	height: auto;
}
.banner-box .slider-list .slider-image a {
	width: 100%;
	max-width: 1680px
}
.banner-box .slider-list .banner-tip {
	width: 100%;
	max-width: 1680px
}
.poster-box {
	width: 100%
}
}
@media screen and (max-width:1220px) {
.banner-box {
	min-width: 960px!important;
	height: auto!important
}
.banner-box .slider-list .slider-image a {
	width: 100%!important;
	min-width: 960px
}
.banner-box .slider-list .slider-point {
	width: 100%!important;
	min-width: 960px
}
.banner-box .slider-list .slider-point span {
	width: 120px!important
}
.banner-box .slider-list .banner-tip {
	width: 100%!important;
	min-width: 960px
}
.poster-box {
	min-width: 960px!important
}
.poster-box .poster-item {
	width: 960px!important
}
.nav-floor {
	width:auto !important;
	min-width: auto !important
}
.nav-floor .nav-title-box .desc {
	display: none!important
}
.modeModel .box {
	width: 960px!important
}
.modeModel ul {
	margin-left: 87px!important
}
.assessList, .assessModel {
	width: 960px!important
}
.assessList ul, .assessModel ul {
	width: 960px!important
}
.assessList ul li, .assessModel ul li {
	width: 960px!important
}
}
@-webkit-keyframes turn {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
50% {
-webkit-transform:rotate(90deg);
transform:rotate(90deg)
}
100% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
}
@-moz-keyframes turn {
0% {
-moz-transform:rotate(0deg);
transform:rotate(0deg)
}
50% {
-moz-transform:rotate(90deg);
transform:rotate(90deg)
}
100% {
-moz-transform:rotate(0deg);
transform:rotate(0deg)
}
}
@keyframes turn {
0% {
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
transform:rotate(0deg)
}
50% {
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
transform:rotate(90deg)
}
100% {
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
transform:rotate(0deg)
}
}
.qy-floor {
	width: 100%;
	min-height: 270px;
	position: relative;
	margin: 48px auto 0;
	overflow: hidden
}
.qy-floor .qy-floor-title {
	height: 31px;
	font-size: 24px;
	text-align: center;
	color: rgba(0,0,0,.65);
	line-height: 31px;
	margin-bottom: 20px
}
.qy-floor .slideQyPoint {
	width: 718px;
	height: 32px;
	line-height: 32px;
	position: relative;
	margin: auto
}
.qy-floor .slideQyPoint ul {
	width: 100%;
	height: 100%;
	text-align: center
}
.qy-floor .slideQyPoint ul li {
	display: inline-block;
	position: relative;
	cursor: pointer;
	min-width: 50px;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	color: #888;
	margin-right: 64px
}
.qy-floor .slideQyPoint ul li:last-child {
	margin-right: 0
}
.qy-floor .slideQyPoint ul li:before {
	content: '';
	display: block;
	width: 0;
	height: 2px;
	position: absolute;
	background: #00be6e;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	transition: all .2s ease
}
.qy-floor .slideQyPoint ul li:hover, .qy-floor .slideQyPoint ul li.active {
	color: #00be6e
}
.qy-floor .slideQyPoint ul li:hover:before, .qy-floor .slideQyPoint ul li.active:before {
	width: 100%
}
.qy-floor .slideQyPoint ul li:hover:nth-child(1), .qy-floor .slideQyPoint ul li.active:nth-child(1) {
	color: #00be6e
}
.qy-floor .slideQy {
	width: 100%;
	height: 186px;
	position: absolute;
	top: 90px;
	left: 0;
	float: left;
	display: none
}
.qy-floor .slideQy ul {
	position: relative;
	display: block;
	width: 920px;
	height: 145px;
	margin: 26px auto 15px
}
.qy-floor .slideQy ul li {
	float: left;
	width: 143px;
	height: 49px;
	display: block;
	margin-right: 115px;
	margin-bottom: 30px
}
.qy-floor .slideQy ul li:nth-child(4), .qy-floor .slideQy ul li:nth-child(8) {
	margin-right: 0
}
.qy-floor .slideQy ul li img:nth-child(1) {
	width: 143px;
	height: 49px;
	display: block
}
.qy-floor .slideQy ul li img:nth-child(2) {
	width: 143px;
	height: 49px;
	display: none
}
.qy-floor .slideQy ul li:hover img:nth-child(1) {
	display: none;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	transition: all .2s ease
}
.qy-floor .slideQy ul li:hover img:nth-child(2) {
	display: block;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	transition: all .2s ease
}
.qy-floor .sliderQy.inter {
	display: block
}
.qy-more {
	position: relative;
	margin-left: 46%;
	text-align: center;
	display: inline-block
}
.qy-more:hover {
	color: #00be6e
}
.qy-copyright {
	position: relative;
	height: 271px;
	width: 100%;
	background: url(//icon.qiantucdn.com/static/images/index3_1/qy-copy/copy-back.png) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	margin-top: 10px
}
.qy-copyright a {
	float: left;
	position: relative;
	width: 50%
}
.qy-copyright a.qy-entrance {
	position: relative
}
.qy-copyright a.qy-entrance img {
	width: 367px;
	height: 160px;
	display: block;
	margin-top: 55px;
	margin-right: 78px;
	float: right
}
.qy-copyright a.qy-recommend {
	position: relative
}
.qy-copyright a.qy-recommend img {
	width: 445px;
	height: 234px;
	display: block;
	margin-top: 18px;
	float: left;
	-webkit-border-radius: 10px;
	border-radius: 10px
}
.qt7-model {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000000001;
	width: 100%;
	height: 100%;
	overflow: auto;
	background: rgba(0,0,0,.8)
}
.qt7-model::-webkit-scrollbar {
width:4px;
margin-right:80px
}
.qt7-model::-webkit-scrollbar-thumb {
background-color:#00be6e
}
.qt7-model .qt7-main {
	position: relative;
	width: 632px;
	height: 515px;
	margin: 0 auto;
	margin-top: 50px
}
.qt7-model .qt7-main i {
	position: absolute;
	right: 0;
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 17px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 2px solid #fff;
	text-align: center;
	color: #fff;
	cursor: pointer
}
.qt7-model .qt7-main a {
	display: inline-block;
	width: 632px;
	height: 515px;
	cursor: pointer;
	background: url(//icon.qiantucdn.com/static/images/qtBirthday/envelope1.png) no-repeat center;
	-webkit-background-size: cover;
	background-size: cover
}
.qt7-model .qt7-main a.ugc {
	background: url(//icon.qiantucdn.com/static/images/qtBirthday/envelope-ugcOgc1.png) no-repeat center;
	-webkit-background-size: cover;
	background-size: cover
}
.qt7-model .qt7-main span {
	position: absolute;
	color: #333;
	top: 163px;
	left: 138px;
	font-size: 16px;
	font-weight: 700;
	width: 180px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
.qt7-model .qt7-main span.ugc-name {
	top: 194px;
	left: 188px
}
.banner-box-market {
	position: relative;
	width: 100%;
	height: 60px;
	display: block
}
.banner-box-market p {
	width: 18px;
	height: 18px;
	position: absolute;
	cursor: pointer;
	top: 0;
	right: 0;
	color: #fff;
	border: 1px solid #fff;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	line-height: 18px;
	text-align: center;
	font-size: 12px;
	overflow: hidden;
	z-index: 10
}
.banner-box-market a {
	width: 100%;
	height: 60px;
	display: inline-block;
	text-align: center
}
.banner-box-market a .text {
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	z-index: 1;
	margin-top: -43px;
	display: inline-block;
	text-align: center
}
.banner-box-market a .text .new {
	display: inline-block;
	width: 73px;
	height: 20px;
	-webkit-border-radius: 0 8px;
	border-radius: 0 8px;
	border: 1px solid #fff;
	font-size: 12px;
	text-align: center;
	margin-right: 15px;
	line-height: 18px
}
.banner-box-market a .text i {
	display: inline-block;
	color: #FFE034
}
.banner-box-market a .text img.red {
	width: 100px;
	height: auto;
	display: inline-block;
	vertical-align: -22px;
	margin-top: -16px;
	margin-right: 35px
}
.banner-box-market a .text img.btn {
	width: 120px;
	display: inline-block;
	vertical-align: -18px;
	margin-top: -29px
}
.banner-box-market a .lazy {
	width: 100%;
	height: 60px;
	display: inline-block;
	text-align: center
}
.qt-market-all-advertising {
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999
}
.qt-market-all-advertising .market-model-row-ad {
	width: 450px;
	height: 414px;
	position: absolute;
	bottom: -webkit-calc(50% - 210px);
	bottom: -moz-calc(50% - 210px);
	bottom: calc(50% - 210px);
	left: -webkit-calc(50% - 247px);
	left: -moz-calc(50% - 247px);
	left: calc(50% - 247px)
}
.qt-market-all-advertising .market-model-row-ad .model-close {
	width: 35px;
	height: 35px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	border: 1px solid #dcdcdc;
	text-align: center;
	line-height: 35px
}
.qt-market-all-advertising .market-model-row-ad .model-close>.icon {
	color: #dcdcdc;
	font-size: 20px
}
.qt-market-all-advertising .market-model-row-ad .patch-img {
	display: block;
	width: 100%;
	height: 100%
}
.qt-market-all-advertising .market-model-row-ad .gif-os {
	width: 182px;
	height: 45px;
	bottom: 35px;
	left: 136px;
	position: absolute;
	z-index: 1;
	display: block
}
.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(//icon.qiantucdn.com/static/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(//icon.qiantucdn.com/static/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(//icon.qiantucdn.com/static/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(//icon.qiantucdn.com/static/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(//icon.qiantucdn.com/static/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) {
.banner-box {    min-width:100%!important;    height: auto!important;}
.col-s-960 {    width: 100%!important;}

}
/*在小于480 像素的屏幕，微小屏幕，更低分辨率的手机*/
@media (max-width: 479px) {
.banner-box {    min-width:100%!important;    height: auto!important;}
.col-s-960 {    width: 100%!important;}
.qtw-card .image-box, .qtw-card .audio-box, .qtw-card .video-box {
    width: 100%;
    height: auto;
}
.qtw-card {    margin-right: 1%; margin-left:1%;}
.qtw-card:nth-child(5n) { margin-right: 1%; margin-left:1%;}
.qtw-card .image-box img {
   /* -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%); */
}
.qtw-card .text-box .title {
    width: 100%;
}
.page-box{
margin-bottom: 50px;
}


}