﻿/* public */
html,body,form,ol,ul,li,div,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,th,td,font,em,ins,span,a{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;font-weight:normal}
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));}
ul,li,div,dl,dt,dd{list-style:none;}
h1.wm-public{height:0px; line-height:0px; font-size:0px;}
a{text-decoration:none;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
a:hover{text-decoration:underline;}
img{border:0;}
font,em{font-style:normal; font-family:\5b8b\4f53;}
label{vertical-align:middle; font-family:tahoma;}
textarea,input{resize:none; outline:none;}
textarea{overflow:auto;}
ins{float:right; text-decoration:none; font-weight:normal;}
.pub_wsp{word-wrap:break-word; word-break:break-all;}
.pub_abso{vertical-align:middle;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.pub_yh{font-family:"Microsoft YaHei";}
.none{display:none;}
body{background:none; font-size:12px; font-family:Verdana,Geneva,sans-serif,\5b8b\4f53;}
#page_flash{position: absolute;left: 50%;top:0;margin-left:-960px;width: 1920px;height: 1112px;}
.wrap{width: 100%;height: 1112px;position: relative;overflow: hidden;}
.content-box{position: absolute;left:50%;top:0;margin-left:-960px;width: 1920px;height: 1112px;background: url(http://m.laohu.com/_s/time/bg.jpg) no-repeat center;}
.top-nav{position: absolute;right: 348px;top:-44px;width: 352px;height: 160px;background: url(http://m.laohu.com/_s/time/top-nav-box.png) no-repeat center top;z-index: 22;animation:navAni 0.8s infinite alternate;-webkit-animation:navAni 0.8s infinite alternate;-moz-animation:navAni 0.8s infinite alternate;}
.top-nav a{display: block;position:absolute;bottom:0;width: 108px;height: 40px;font-size: 18px;color:#ff5833;text-decoration: none;text-align: center;line-height: 40px;}
.top-nav a:hover{text-shadow:1px 0 12px #ff2f19;color:#fd502a;}
.top-nav a.btn-home{left: 72px;}
.top-nav a.btn-share{right: 22px;}
.slogan-ani{position: absolute;left: 0;top:0;width: 1920px;height: 805px;background: url(http://m.laohu.com/_s/time/slogan-ani.gif) no-repeat center top;}
.map-box{position: absolute;left:-3px;top:54px;}
.map-bg1{position: absolute;left:0;top:0;width: 1485px;height: 904px;background: url(http://m.laohu.com/_s/time/map.png) no-repeat left 105px;}
.map2{position: absolute;left: 2px;top:21px;width: 1485px;height: 898px;background: url(http://m.laohu.com/_s/time/map2.png) no-repeat center;}
.map-txt{position: absolute;left: 375px;top:104px;width: 566px;height: 542px;z-index: 3;}
.map-txt img{display: none;position: absolute;left: 0;top:0;width: 566px;height: 542px;}
.before-line{position: absolute;background-repeat: no-repeat;background-position: center;}
.before-line1{left: 844px;top:28px;width: 195px;height: 40px;background-image: url(http://m.laohu.com/_s/time/before-line1.png);}
.before-line1.on{background-image: url(http://m.laohu.com/_s/time/before-line1-on.png);}
.before-line2.on{background-image: url(http://m.laohu.com/_s/time/before-line2-on.png);}
.before-line3.on{background-image: url(http://m.laohu.com/_s/time/before-line3-on.png);}
.before-line4.on{background-image: url(http://m.laohu.com/_s/time/before-line4-on.png);}
.before-line5.on{background-image: url(http://m.laohu.com/_s/time/before-line5-on.png);}
.before-line2{left: 935px;top:119px;width: 352px;height: 76px;background-image: url(http://m.laohu.com/_s/time/before-line2.png);}
.before-line3{left: 994px;top:233px;width: 229px;height: 39px;background-image: url(http://m.laohu.com/_s/time/before-line3.png);}
.before-line4{left: 968px;top:369px;width: 376px;height: 51px;z-index: 5;background-image: url(http://m.laohu.com/_s/time/before-line4.png);}
.before-line5{left: 755px;top:771px;width: 388px;height: 64px;background-image: url(http://m.laohu.com/_s/time/before-line5.png);}
.before-line a{display: block;position: absolute;width: 100%;height: 100%;text-indent: -9999px;}
/* .before-line a.btn-line1{width: 195px;height: 40px;}
.before-line a.btn-line2,.before-line a.btn-line4{top: 0;right: 0;}
.before-line a.btn-line3{top: 0;right: 0;width: 200px;}
.before-line a.btn-line5{bottom: 0;right: 0;width: 200px;}  */
.time-box{position: absolute;left: 1004px;top:460px;width: 581px;height: 103px;background: url(http://m.laohu.com/_s/time/time-box.png) no-repeat left top;}
.time-txt{position: absolute;bottom: 0;left: 174px;font-size: 17px;color:#79cdfd;letter-spacing: 1px;}
#time{position: absolute;left: 166px;top:-5px;}
.timeSpan{float: left; width: 100px; height: 77px;}
  .timeSpan span{float: left; width: 50px; height: 77px; background: url(http://m.laohu.com/_s/time/n.png) no-repeat 0 0;}
  .timeSpan span.n0{background-position: 0 0;}
  .timeSpan span.n1{background-position: 0 -77px;}
  .timeSpan span.n2{background-position: 0 -154px;}
  .timeSpan span.n3{background-position: 0 -231px;}
  .timeSpan span.n4{background-position: 0 -308px;}
  .timeSpan span.n5{background-position: 0 -385px;}
  .timeSpan span.n6{background-position: 0 -462px;}
  .timeSpan span.n7{background-position: 0 -539px;}
  .timeSpan span.n8{background-position: 0 -616px;}
  .timeSpan span.n9{background-position: 0 -693px;}
  #time strong{float: left; width: 30px; background: url(http://m.laohu.com/_s/time/d.png) no-repeat center center; height: 68px;}
 #time strong.day{background-image: url(http://m.laohu.com/_s/time/day.png)}
.look-line{position: absolute;left: 344px;top:696px;width: 220px;height: 113px;animation:lookAll 0.8s infinite alternate;-webkit-animation:lookAll 0.8s infinite alternate;-moz-animation:lookAll 0.8s infinite alternate;}
.look-line a{display: block;width: 220px;height: 113px;}
.pop-shade{display:none;position:absolute;left:0;top:0;width: 100%;height: 100%;background: url(http://m.laohu.com/_s/time/shade-bg.png) repeat-y center;z-index: 33;}
.pop-box{display:none;position: absolute;background-repeat: repeat;background-position: center;background-size: 100% auto;z-index: 34;}
.pop-box p{position:absolute;left: 100px;top:100px;width:300px;font-size: 17px;color:#fff;line-height: 26px;letter-spacing:1px}
.pop-box1{left:847px;top:21px;width: 510px;height: 235px;background-image: url(http://m.laohu.com/_s/time/after-line1.png);}
.pop-box2{left:934px;top:154px;width: 437px;height: 157px;background-image: url(http://m.laohu.com/_s/time/after-line2.png);}
.pop-box3{left:984px;top:230px;width: 517px;height: 205px;background-image: url(http://m.laohu.com/_s/time/after-line3.png);}
.pop-box4{left:974px;top:258px;width: 515px;height: 165px;background-image: url(http://m.laohu.com/_s/time/after-line4.png);}
.pop-box5{left:744px;top:738px;width: 607px;height: 166px;background-image: url(http://m.laohu.com/_s/time/after-line5.png);}
.pop-box2 p{top:80px;}
.pop-box5 p{left:190px;}
.pop-share{display:none;position: fixed;left: 50%;top:50%;margin-left:-409px;margin-top:-239px;width: 819px;height: 478px;background: url(http://m.laohu.com/_s/time/pop-share-bg.png) no-repeat center;z-index: 34;}
.pop-close{position: absolute;right: 44px;top:38px;width: 37px;height: 38px;background: url(http://m.laohu.com/_s/time/pop-share-close.png) no-repeat center;}
.pop-share-title{text-align: center;padding:125px 0;font-size: 24px;color:#fff;}
.pop-share-line{position: absolute;bottom: 182px;left: 35px;width: 735px;height: 2px;background: url(http://m.laohu.com/_s/time/pop-share-line.png) no-repeat center;}
.pop-share-list{position: absolute;bottom: 110px;left: 116px;}
.pop-share-list li{float: left;margin:0 18px;position: relative;}
.pop-share-list li a{display: block;padding-top:60px;width:60px;height:34px;background: url(http://m.laohu.com/_s/time/share-icon.png) no-repeat center;color:#b1e6ff;font-size: 14px;text-align: center;text-decoration: none;}
#copyButton{ position:absolute; width:60px; height:94px; left:0; top:0; cursor:pointer;}
.pop-share-list li a.copy{background-position: 5px 0;}
.pop-share-list li a.qq-friend{background-position: -93px 0;}
.pop-share-list li a.qq-zone{background-position: -188px 0;}
.pop-share-list li a.weibo{background-position: -284px 0;}
.pop-share-list li a.weixin{background-position: -380px 0;}
.pop-share-list li a.weixin-friend{background-position: -475px 0;}
.code{position: absolute;left: -50px;top:84px;width: 162px;height: 162px;display: none;}
.pop-share-list li a.weixin:hover .code,.pop-share-list li a.weixin-friend:hover .code{display: block;}
/* foot */
.foot{ padding:30px 0;position: absolute;bottom: 0;left: 0;width: 100%;z-index: 33;}
.foot .foot-box{ width:750px; margin:0 auto;}
.foot .foot-box .wm{ float:left; width:157px; height:51px; background:url(http://m.laohu.com/_s/v3/logo_d.png) no-repeat; margin:10px 37px 0 0; text-indent:-9999px; overflow:hidden;}
.foot .foot-box .txt{ width:545px; float:left; line-height:20px; font-size:12px; color:#2e5681; font-family:"微软雅黑"}
.foot .foot-box .txt a{ font-size:12px; color:#2e5681; margin:0 4px; font-family:"微软雅黑"}
.foot .foot-box .txt a:hover{ color:#F00}
.btn-line1:hover{background-position:-843px -120px;}
.btn-line2:hover{background-position:-933px -210px;   }
.btn-line3:hover{background-position:-988px -330px; }
.btn-line4:hover{background-position:-967px -463px; }
.btn-line5:hover{background-position:-754px -862px; }
.look-line a:hover{background-position:-340px -789px;}
.bgg{background-image: url(http://m.laohu.com/_s/time/xs.gif);}



@keyframes changeImg4{
    0%{background-position: -632px -323px}
   33%{background-position: -632px -1147px}
   66%{background-position: -632px -1953px;}
  100%{background-position: -632px -2759px}
} 
@-webkit-keyframes changeImg4{
    0%{background-position: -632px -323px}
   33%{background-position: -632px -1147px}
   66%{background-position: -632px -1953px;}
  100%{background-position: -632px -2759px}
} 
@-moz-keyframes changeImg4{
    0%{background-position: -632px -323px}
   33%{background-position: -632px -1147px}
   66%{background-position: -632px -1953px}
  100%{background-position: -632px -2759px}
} 
@keyframes changeImg5{
    0%{background-position: -418px -722px}
   33%{background-position: -418px -1547px}
   66%{background-position: -418px -2355px}
  100%{background-position: -418px -3160px}
} 
@-webkit-keyframes changeImg5{
    0%{background-position: -418px -722px}
   33%{background-position: -418px -1547px}
   66%{background-position: -418px -2355px}
  100%{background-position: -418px -3160px}
} 
@-moz-keyframes changeImg5{
    0%{background-position: -418px -722px}
   33%{background-position: -418px -1547px}
   66%{background-position: -418px -2355px}
  100%{background-position: -418px -3160px}
} 

@keyframes lookAll{
    0%{background-image: url(http://m.laohu.com/_s/time/look_01.png);}
   100%{background-image: url(http://m.laohu.com/_s/time/look_02.png);}
} 
@-webkit-keyframes lookAll{
    0%{background-image: url(http://m.laohu.com/_s/time/look_01.png);}
   100%{background-image: url(http://m.laohu.com/_s/time/look_02.png);}
} 
@-moz-keyframes lookAll{
    0%{background-image: url(http://m.laohu.com/_s/time/look_01.png);}
   100%{background-image: url(http://m.laohu.com/_s/time/look_02.png);}
} 

@keyframes navAni{
    0%{background-image: url(http://m.laohu.com/_s/time/top-nav-box.png);}
   100%{background-image: url(http://m.laohu.com/_s/time/top-nav-box-hov.png);}
} 
@-webkit-keyframes navAni{
    0%{background-image: url(http://m.laohu.com/_s/time/top-nav-box.png);}
   100%{background-image: url(http://m.laohu.com/_s/time/top-nav-box-hov.png);}
} 
@-moz-keyframes navAni{
    0%{background-image: url(http://m.laohu.com/_s/time/top-nav-box.png);}
   100%{background-image: url(http://m.laohu.com/_s/time/top-nav-box-hov.png);}
} 

@keyframes upDwon{
  0%{transform:translateY(0)}
  50%{transform:translateY(10px)}
  100%{transform:translateY(0)}
}
.upDwon{animation:upDwon 3s infinite both;-webkit-animation:upDwon 3s infinite both;-moz-animation:upDwon 3s infinite both;-ms-animation:upDwon 3s infinite both;-o-animation:upDwon 3s infinite both;}
@-webkit-keyframes upDwon{
  0%{-webkit-transform:translateY(0)}
  50%{-webkit-transform:translateY(10px)}
  100%{-webkit-transform:translateY(0)}
}
@-moz-keyframes upDwon{
  0%{-moz-transform:translateY(0)}
  50%{-moz-transform:translateY(10px)}
  100%{-moz-transform:translateY(0)}
}
.showOp{animation:showOp 3s  infinite linear;-webkit-animation:showOp 3s  infinite linear;-moz-animation:showOp 3s  infinite linear;-ms-animation:showOp 3s  infinite linear;-o-animation:showOp 3s  infinite linear;}
@keyframes showOp{
  0%{opacity: 0;transform:translateY(0)}
  50%{opacity: 1;transform:translateY(-20px)}
  100%{opacity: 0;transform:translateY(0)}
}
@-webkit-keyframes showOp{
   0%{opacity: 0;-webkit-transform:translateY(0)}
  50%{opacity: 1;-webkit-transform:translateY(-20px)}
  100%{opacity: 0;-webkit-transform:translateY(0)}
}
@-moz-keyframes showOp{
   0%{opacity: 0;-moz-transform:translateY(0)}
  50%{opacity: 1;-moz-transform:translateY(-20px)}
  100%{opacity: 0;-moz-transform:translateY(0)}
}
@-ms-keyframes showOp{
   0%{opacity: 0;-ms-transform:translateY(0)}
  50%{opacity: 1;-ms-transform:translateY(-20px)}
  100%{opacity: 0;-ms-transform:translateY(0)}
}
