html{font-family:\5FAE\8F6F\96C5\9ED1,Arial;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote{margin:0;padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: bold; color:#000;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}a,button{cursor:pointer}strong {font-weight:bold;}
h1, h2, h3, h4, h5, h6, p {line-height:1.2em; font-size:100%}
body{color:#000;font-size:12px;background:#3d0101;}
a{color:#fff;text-decoration:none}
a:hover{text-decoration:none;color:#ffea00;}
a,a:hover,img{outline:none;blur:expression(this.onFocus=this.blur());vertical-align:bottom;}
.clear:after{ visibility:hidden; display:block; font-size:0px;content:""; clear:both; height:0px;}
*html .clear {zoom:1;}
*:first-child+html .clear {zoom:1;}

h1{width:0px;height:0px;overflow:hidden;position:absolute;top:-100px;right:-100px}
h2{font-family:\5FAE\8F6F\96C5\9ED1; width:172px;height:31px;background:url(../images/zt_btn.png) no-repeat;font-size:12px;color:#fff;position:absolute;right:0px;top:0px;z-index:3;font-weight:normal;line-height:31px;text-align:center;}
h2 a{display:inline-block;padding:0 8px;font-size:14px;}
h2 span{display:inline-block;}
.wrap{max-width:1920px;margin:0 auto;position:relative;}
.top{max-width:1920px;height:487px;background:url(../images/zt_top.jpg) no-repeat center top;}
.nav{width:1000px;height:487px;margin:0 auto;position:relative;}
.nav ul{position:absolute;color:#fff;top:329px;left:38px;line-height:22px;}
.back{width:97px;height:26px;display:block;background:url(../images/zt_icon.png) no-repeat -145px -240px;position:absolute;right:10px;top:20px;font-size:14px;text-align:center;line-height:26px;}
.share{width:180px;position:absolute;right:27px;bottom:32px;height:48px;line-height:48px;font-size:14px;color:#fff;}
.share a{width:48px;height:48px;display:block;overflow:hidden;text-indent:-200px;position:absolute;background:url(../images/zt_icon.png) no-repeat;}
.share .tenc{background-position:-243px -240px;right:60px;top:0px;}
.share .tenc:hover{background-position:-341px -240px;}
.share .sina{background-position:-292px -240px;right:1px;top:0px;}
.share .sina:hover{background-position:-390px -240px;}
.rank{color:#ff4246;font-size:12px;position:absolute;bottom:-30px;right:30px;}

.header{max-width:1920px;height:581px;background:url(../images/zt_header.jpg) no-repeat center top;}
.hero{width:945px;margin:0 auto;position:relative;padding:48px 0 0 55px;}
.hero dl{width:196px;float:left;color:#fff;font-size:14px;margin:0px 36px 20px 0px;}
.hero dl dt{width:196px;height:122px;position:relative;}
.hero dl dd{text-align:center;padding:5px 0 0;}
.hero dl strong{width:100%;height:9px;background:#870306;display:block;margin:0 auto;}
.hero dl .rule{width:100%;height:9px;background:#35b30e;display:block;float:left;}
.hero dl dd a{border-bottom:5px solid #650003;box-shadow:0 8px 10px #810204; width:144px;height:30px;display:block;text-align:center;line-height:30px;background:url(../images/zt_icon.png) no-repeat;color:#870306;margin:10px auto 0 auto;}
.hero dl .vote{background-position:0 -240px;}
.hero dl .vote:hover{background-position:0 -270px;}
.hero dl .none{background-position:0 -300px;}
.hero em{background:url(../images/zt_icon.png) no-repeat;display:block;margin:0 auto;}
.hero .hero_1{width:126px;height:115px;background-position:0 0;}
.hero .hero_2{width:109px;height:115px;background-position:-127px 0;}
.hero .hero_3{width:109px;height:115px;background-position:-237px 0;}
.hero .hero_4{width:114px;height:115px;background-position:-347px 0;}
.hero .hero_5{width:109px;height:122px;background-position:0 -116px;}
.hero .hero_6{width:109px;height:122px;background-position:-110px -116px;}
.hero .hero_7{width:144px;height:122px;background-position:-220px -116px;}
.hero .hero_8{width:113px;height:122px;background-position:-365px -116px;}

.container{width:900px;margin:0 auto;padding:28px 0 74px 0;}
.container table{width:887px;border-collapse:collapse;margin:0 auto;}
.container table tr{background:#690202;}
.container table td{border:1px solid #3d0101;color:#fff;line-height:47px;height:47px;position:relative;}
.container table a{width:144px;height:30px;display:block;text-align:center;line-height:30px;background:url(../images/zt_icon.png) no-repeat;color:#870306;margin:0 auto;}
.container table .vote{background-position:0 -240px;}
.container table .vote:hover{background-position:0 -270px;}
.container table .none{background-position:0 -300px;}
.container table strong{width:456px;background:#870306;height:9px;float:left;margin:20px 0 0 20px;}
.container table .rule{width:100%;height:9px;background:#35b30e;display:block;}
.container table em{float:right;padding:0 20px;}
.container table p{padding:0 20px;}
.container table tr.over{background:#490000; }
.container table tr.over p{color:#ff0000;}
/*
.bottom {max-width:1920px;background:#353434; height:126px; margin:0 auto;font-family:\5FAE\8F6F\96C5\9ED1;}
.bottom .pad {width:850px; height:107px; margin:0 auto; background:url(../images/zt_footer.png) no-repeat 0 10px;padding:20px 0 0;}
.bottom .botp1 { color: #909090; height: 24px; line-height: 24px; width: 328px; float:left; display:inline; margin:0 0 0 203px; }
.bottom .botp2 { color: #909090; height: 24px; line-height: 24px; float:right; display:inline; margin:0; }
.bottom .botp3 { color: #000000; height: 22px; line-height: 22px; text-align: center; width: 738px; clear:both; margin:2px 0 0 210px;}
.bottom .botp1 a { color: #909090; margin: 0 8px; }
.bottom .botp1 a:hover { color:#fff; }
.bottom  a { color: #909090;  }
.bottom  a:hover { color:#fff; }
.bottom .clr{ clear:both;height:1px; overflow:hidden;}
.bottom .nt{ color:#909090; text-align:left; padding:4px 0  0 0; margin:2px 0 0 212px; border-top:1px solid #909090; width:auto;}
.bottom .nt .bg_gray{ padding:3px 5px; background:#454442;}
*/
/*css3*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
}


.flipInY{
	cursor:pointer;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}