@charset "utf-8";
/* CSS Document */
a:hover{color: #c9a460;}
img{ border:0; } 
input{vertical-align:middle;}
.clear{ clear: both; }
.fl{ float:left}
.fr{ float:right}
.hide{ display: none }
.red{ color:#f01b36  }
.pl10{ padding-left: 18px; }
.p20{ padding: 20px; }
.mt20{ margin-top: 20px; }
.mb20{ margin-bottom: 20px; }
.top{ height:40px; width:100%; background:#fbfbfb; border-bottom:1px solid #f7f7f7;}
.wraper{ width:1200px; margin:0 auto;}
.top .top_left{ width:50%; text-align:left}
.top .top_right{ width:50%; text-align:right}
.top .top_left .top_logo{ background:url(../images/bailu.png) no-repeat; height:31px; width:96px; display:block; margin:4px 4px 0 0;}
.top .top_left span{ width:1px; height:12px; margin:14px 6px; border-left:1px solid #e4e7ea}
.top .top_left font{ height:40px; line-height:40px; color:#444}
.top .top_right a{ padding-right:12px; padding-left:18px;}
.top .top_right .top_pay{ margin-top:10px;background: url(../images/bg-header.png) no-repeat 3px 2px;}
.top .top_right .top_gift{ margin-top:10px; background: url(../images/bg-header.png) no-repeat 3px -14px; width: 25px; height: 15px;}
.top .top_right .top_games{ margin-top:10px; background: url(../images/bg-header.png) no-repeat right -28px; padding-right: 18px;}
.top .top_right span{ width:1px; height:12px; margin-top:13px; padding-right:8px; border-left:1px solid #e4e7ea;}
.body{background:url(../images/bg.jpg) top center no-repeat; overflow:hidden}
.body .bg{ width:1200px;min-height:1200px; margin:0 auto; background:url(../images/top.jpg) top center no-repeat; position:relative; }
.logo{background:url(../images/logo.png) top center no-repeat; width:247px; height:172px; position:absolute; left:0px; top:-29px; display:block}
.tips{ position:absolute; top:516px; left:0}
.menu{ position:absolute; left:200px; top:36px;}
.menu .nav li{ padding-right:0px;}
.menu .nav li a.hov,.menu .nav li a:hover,.menu .nav li a.hov span,.menu .nav li a:hover span{ color: #770202 !important;}
.menu .nav li,.menu .nav li a{ width:100px; font-size:17px; height: 50px; line-height:20px; display:block !important; float:left; text-align:center; color: #000;}
.menu .nav li a span{ font-size:12px; color: #131b26}


/*css动态效果*/
@-webkit-keyframes icoBig{
	0%{-webkit-transform:scale(1);transform:scale(1)}
	20%{-webkit-transform:scale(1.05);transform:scale(1.05)}
	30%{-webkit-transform:scale(.93);transform:scale(.93)}
	45%{-webkit-transform:scale(1.04);transform:scale(1.04)}
	60%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes icoBig{
	0%{transform:scale(1)}
	20%{transform:scale(1.05)}
	30%{transform:scale(.93)}
	45%{transform:scale(1.04)}
	60%{transform:scale(1)}
}
@-webkit-keyframes icoBig2{
	0%{-webkit-transform:scale(1);transform:scale(1)}
	20%{-webkit-transform:scale(1.3);transform:scale(1.3);opacity:0}
	100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
@keyframes icoBig2{
	0%{transform:scale(1)}
	20%{transform:scale(1.3);opacity:0}
	100%{transform:scale(1);opacity:0}
}

/*footer*/
.footer{ width: 100%; margin: 0px auto; text-align: center; height:90px; padding-top:20px; }
.footer p{ color: #666; line-height: 25px}
.footer p a{ color: #666}
.footer p a:hover{text-decoration: underline;}
/*左侧跟随滚动代码*/
.aside-left {position:fixed;top:651px;left:50%;z-index:1000;margin:-60px 0 0 600px;width:40px;background:#555;}
.aside-left i,.aside-left span {position:absolute;}
.aside-left span {display:none;z-index:1;width:80%;height:80%;line-height:16px;padding:10%;letter-spacing:1px;text-align:center;background:#03b4f5;color:#FFF;font-family:"宋体";}
.aside-left-qr span {right:40px;bottom:-17px;width:184px;height:201px;padding:0;letter-spacing:0;background:none;}
.aside-left-qr-con {float:left;width:150px;padding:11px;background:#FFF;box-shadow:0 0 10px #888;}
.aside-left-qr-con div {width:151px;height:151px;background:url(../images/qr-weixin.jpg) no-repeat;}
.aside-left-qr-con p {line-height:16px;margin-top:12px;text-align:center;font-size:14px;color:#2c2c2c;}
.aside-left-qr-con b {position:absolute;right:2px;bottom:28px;width:10px;height:16px;background:url(../images/aside-left.png) no-repeat 0 -48px;}
.aside-left-customer,.aside-left-qr,.aside-left-top {display:block;position:relative;z-index:2;height:39px;background:#666;}
.aside-left-customer,.aside-left-top {cursor:pointer;}
.aside-left-qr,.aside-left-top {margin-top:1px;}
.aside-left-customer i {top:11px;left:10px;width:19px;height:18px;background:url(../images/aside-left.png) no-repeat 0 -18px;}
.aside-left-customer iframe {position:absolute;top:0;left:0;z-index:1;width:40px;height:40px;opacity:0;filter:alpha(opacity=0);}
.aside-left-qr i {top:10px;left:11px;width:18px;height:18px;background:url(../images/aside-left.png) no-repeat;}
.aside-left-top {height:40px;}
.aside-left-top i {top:14px;left:9px;width:22px;height:12px;background:url(../images/aside-left.png) no-repeat 0 -36px;}
.aside-left-top:hover span,.aside-left-customer:hover span,.aside-left-qr:hover span {display:block;}
.aside-left-qr:hover {background:#03b4f5;}
.tags-slide a {color:#fff;}
#pages {
    font-family: "微软雅黑";
    padding: 40px 0 10px;
    text-align: center;
}
#pages span {
    background: #817f7d none repeat scroll 0 0;
    border: 1px solid #817f7d;
    color: #dfbe7e;
    display: inline-block;
    height: 22px;
    line-height: 22px;
    padding: 0 10px;
    text-align: center;
}
#pages a {
    border: 1px solid #817f7d;
    color: #817f7d;
    display: inline-block;
    height: 22px;
    line-height: 22px;
    margin-right: 5px;
    padding: 0 15px;
    text-align: center;
}