@import '../font/font.css';
.iconfont {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}
*{margin:0;padding:0;}
.blockEle{display:block;}
a,a:active{text-decoration:none;}
a:focus{outline:none;}
.clear_l{clear:left;}
.clear_r{clear:right;}
.clear_b{clear:both;}
img{border:none;outline:none;}
/*body{font-family:"mysans" !important;-webkit-text-size-adjust:none;}*/
body{font-family:"寰蒋闆呴粦";-webkit-text-size-adjust:none;}
/* html{ 
  filter: grayscale(100%); 
  -webkit-filter:grayscale(100%); 
  -moz-filter:grayscale(100%); 
  -ms-filter:grayscale(100%); 
  -o-filter:grayscale(100%); 
  filter: url("data:image/svg+xml;utf8,#grayscale");
  filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
  -webkit-filter:grayscale(1);
}  */
div.banner{width:100%;max-width:1920px;position:relative;margin:0 auto;}
div.top{width:100%;height:82px;position:absolute;z-index:2;top:30px;left:0;}
div.topmain{width:1120px;height:82px;position:relative;margin:0 auto;}
div.topmain >a.toplogolink{position:absolute;z-index:2;top:0;left:0;}
div.topmain >div{width:1020px;height:30px;line-height:30px;text-align:right;position:absolute;z-index:1;top:27px;left:0;}
div.topmain >div >a{color:#ffffff;font-size:20px;display:inline-block;*display:inline;zoom:1;height:30px;line-height:20px;position:relative;margin-left:50px;}
div.topmain >div >a >span{display:block;width:0;height:0;background:#ffffff;position:absolute;top:28px;left:0;}
div.topmain >div >a.sel >span{}
div.topmain >div >a:hover,div.topmain >div >a.sel{}

/* 娓告垙寮瑰眰 */
div.gamesbox{width:1120px;height:390px;background:url(../imgs/bgpopup.png);position:absolute;z-index:3;top:130px;left:50%;margin-left:-560px;display:none;}
div.gbmain{width:1120px;}
div.gbtop{font-size:19px;color:#ffffff;border-left:3px solid #009ef8;text-indent:6px;width:978px;margin:0 auto;margin-top:15px;}
div.gbcontent{margin-top:12px;}
div.gbcontent >a{display:block;width:245px;overflow:hidden;height:82px;position:relative;float:left;margin:25px 63px;}
div.gbcontent >a >img{width:80px;position:absolute;top:0;left:0;}
div.gbcontent >a p{color:#ffffff;font-size:13px;line-height:30px;padding:10px 0 0 100px;}
div.gbcontent >a p >span{font-size:19px;}
a.moregame{font-size:16px;color:#ffffff;position:absolute;bottom:25px;right:66px;}
/* 搴曢儴 */
div.footer{height:265px;background:#fbfbfb;}
div.footmain{width:1120px;position:relative;margin:0 auto;}
div.footmain >*{position:absolute;}
div.footmain >span{font-size:14px;color:#565656;top:58px;left:0;}
div.footmain >div{width:32px;height:24px;background:url(../imgs/wx.png) no-repeat;z-index:1;top:56px;left:70px;}
div.footmain >div >img{display:none;position:absolute;top:-56px;right:-150px;}
div.footmain >div:hover >img{display:block;}
div.footmain >a{top:58px;right:0;}
div.footmain >p{font-size:12px;color:#a7a7a7;line-height:26px;padding-top:136px;}
div.footmain >p >a{color:#a7a7a7;}
div.main2{position:relative;}
a.totop{display:block;width:39px;height:39px;background:url(../imgs/totop.png) no-repeat;position:absolute;bottom:-25px;right:0;display:none;}


/* 鑿滃崟鎸夐挳鍔ㄧ敾 */
div.topmain >a.menu{
    display:block;
    width:35px;
    height:30px;
    position:absolute;
    top:25px;
    right:2px;
    background: transparent;
    border: none;
    /* padding: 10px; */
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    cursor: pointer;
    /* z-index: 99999; */
  }
  
  div.topmain >a.menu:focus {
    outline: 0;
  }
  
  .icon-bar {
    display: block;
    margin:5px 0;
    width:35px;
    height:4px;
    background-color: #FFFFFF;
  }
  
  div.topmain >a.menu:hover .icon-bar {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    background-color: #ffffff;
  }
  .animated {
    display: block;
    margin: 0 auto;
  }
  .animated:hover .icon-bar,
  .animated:focus .icon-bar{
    background-color: #ffffff;
  }

  .animated:focus {
    cursor: pointer;
    z-index: 9999;
  }
  
  .middle {
    margin: 0 auto;
  }
  
  .icon-bar {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    z-index: 999999;
  }
  
  .animated .icon-bar {
    z-index: 999999;
    background-color: #ffffff;
  }
  
  .animated .top {
    -webkit-transform: translateY(10px) rotateZ(45deg);
    -moz-transform: translateY(10px) rotateZ(45deg);
    -ms-transform: translateY(10px) rotateZ(45deg);
    -o-transform: translateY(10px) rotateZ(45deg);
    transform: translateY(10px) rotateZ(45deg);
  }
  
  .animated .bottom {
    -webkit-transform: translateY(-9px) rotateZ(-45deg);
    -moz-transform: translateY(-9px) rotateZ(-45deg);
    -ms-transform: translateY(-9px) rotateZ(-45deg);
    -o-transform: translateY(-9px) rotateZ(-45deg);
    transform: translateY(-9px) rotateZ(-45deg);
  }
  
  .animated .middle {
    width: 0;
  }
  
  @keyframes showNav {
    from {
      top: -100%;
    }
    to {
      top: 0;
    }
  }
  
  @-webkit-keyframes showNav {
    from {
      top: -100%;
    }
    to {
      top: 0;
    }
  }
  
  @-moz-keyframes showNav {
    from {
      top: -100%;
    }
    to {
      top: 0;
    }
  }
  
  @-o-keyframes showNav {
    from {
      top: -100%;
    }
    to {
      top: 0;
    }
  }
  
  .showNav {
    -webkit-animation: showNav .5s ease forwards;
    -moz-animation: showNav .5s ease forwards;
    -o-animation: showNav .5s ease forwards;
    animation: showNav .5s ease forwards;
  }
  
  @keyframes hideNav {
    from {
      top: 0;
    }
    to {
      top: -100%;
    }
  }
  
  @-webkit-keyframes hideNav {
    from {
      top: 0;
    }
    to {
      top: -100%;
    }
  }
  
  @-moz-keyframes hideNav {
    from {
      top: 0;
    }
    to {
      top: -100%;
    }
  }
  
  @-o-keyframes hideNav {
    from {
      top: 0;
    }
    to {
      top: -100%;
    }
  }
  
  .hideNav {
    -webkit-animation: hideNav .5s ease forwards;
    -moz-animation: hideNav .5s ease forwards;
    -o-animation: hideNav .5s ease forwards;
    animation: hideNav .5s ease forwards;
  }
  
  .hidden {
    display: none;
  }