.topTips { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: fixed; left:0; top: 0; width: 100%; z-index:10000000000;-webkit-perspective: 600px; perspective: 600px;}

.topTips2{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: fixed; left:0; top: 0; width: 100%; z-index: -1000;-webkit-perspective: 600px; perspective: 600px;}

.tipsInner {font-family: "Microsoft YaHei"; -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); box-shadow:0 0 5px 0px rgba(0,0,0,.6); -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; background: #fff;-webkit-transform-origin: 0px 0px; transform-origin: 0px 0px; opacity: 0; }
.tipsInner a { text-decoration:none;display: block; position: relative; padding-left: 50px; color: #111; }
.tips_close { position:absolute; right:0; top:0; width:47px; height:47px; background:url(/images/tc_close_btn.png) no-repeat center; border-left:#CCC solid 1px; background-size:16px;}
.tipsInner img { position: absolute; left: 8px; top: 50%; margin-top: -17px; width: 36px; height: auto; padding-right: 5px; background: #fff; }
.tipsInner dl { margin:0; padding: 10px 0px 10px 10px; border-left: 1px solid #ccc; }
.tipsInner dt { font-weight: bold;line-height:1em; font-size:13px;}
.tipsInner dd { margin:0; line-height: 1.2em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:12px; }
.showTip .tipsInner { -webkit-animation:flipInX 1s .2s ease both;-moz-animation:flipInX 1s .2s ease both;}
.hideTip .tipsInner {-webkit-animation:flipOutX 1s .2s ease both;-moz-animation:flipOutX 1s .2s ease both;}
.bounceInLeft{
-webkit-animation:bounceInLeft 1s .2s ease both;
-moz-animation:bounceInLeft 1s .2s ease both;}
@-webkit-keyframes bounceInLeft{
0%{opacity:0;
-webkit-transform:translateX(-2000px)}
60%{opacity:1;
-webkit-transform:translateX(30px)}
80%{-webkit-transform:translateX(-10px)}
100%{-webkit-transform:translateX(0)}
}
@-moz-keyframes bounceInLeft{
0%{opacity:0;
-moz-transform:translateX(-2000px)}
60%{opacity:1;
-moz-transform:translateX(30px)}
80%{-moz-transform:translateX(-10px)}
100%{-moz-transform:translateX(0)}
}
.bounceOutRight{
-webkit-animation:bounceOutRight 1s .2s ease both;
-moz-animation:bounceOutRight 1s .2s ease both;}
@-webkit-keyframes bounceOutRight{
0%{-webkit-transform:translateX(0)}
20%{opacity:1;
-webkit-transform:translateX(-20px)}
100%{opacity:0;
-webkit-transform:translateX(2000px)}
}
@-moz-keyframes bounceOutRight{
0%{-moz-transform:translateX(0)}
20%{opacity:1;
-moz-transform:translateX(-20px)}
100%{opacity:0;
-moz-transform:translateX(2000px)}
}

.flipInX{
-webkit-animation:flipInX 1s .2s ease both;
-moz-animation:flipInX 1s .2s ease both;}
@-webkit-keyframes flipInX{
0%{-webkit-transform:perspective(400px) rotateX(90deg);
opacity:0}
40%{-webkit-transform:perspective(400px) rotateX(-10deg)}
70%{-webkit-transform:perspective(400px) rotateX(10deg)}
100%{-webkit-transform:perspective(400px) rotateX(0deg);
opacity:1}
}
@-moz-keyframes flipInX{
0%{-moz-transform:perspective(400px) rotateX(90deg);
opacity:0}
40%{-moz-transform:perspective(400px) rotateX(-10deg)}
70%{-moz-transform:perspective(400px) rotateX(10deg)}
100%{-moz-transform:perspective(400px) rotateX(0deg);
opacity:1}
}

.flipOutX{
-webkit-animation:flipOutX 1s .2s ease both;
-moz-animation:flipOutX 1s .2s ease both;}
@-webkit-keyframes flipOutX{
0%{-webkit-transform:perspective(400px) rotateX(0deg);
opacity:1}
100%{-webkit-transform:perspective(400px) rotateX(90deg);
opacity:0}
}
@-moz-keyframes flipOutX{
0%{-moz-transform:perspective(400px) rotateX(0deg);
opacity:1}
100%{-moz-transform:perspective(400px) rotateX(90deg);
opacity:0}
}