@charset "utf-8";
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; visibility: hidden; } 
.clearfix { *zoom: 1;}

/* r2nav */
.r2nav { font-family: Arial, tahoma, sans-serif; }
.r2nav div,.r2nav ul,.r2nav li,.r2nav a,.r2nav span {margin: 0; padding: 0;}
.r2nav ul, .r2nav li  { list-style: none; }
.r2nav .gamelist .sub { display: none; }

.r2nav .fl{ float: left;}
.r2nav .fr{ float: right;}
.r2nav{ width: 100%; height: 50px; z-index: 10; background: url("../images/r2nav.png") center top repeat-x;}
.r2nav .logo {width: 140px; height: 50px; display: block; float: left;  background: url("../images/r2nav.png") -3px -65px no-repeat;}
.r2nav .line{ width: 3px; height: 50px; display: block; background: url("../images/r2nav.png") 0 -60px no-repeat; margin-right: 15px;}
.r2nav .fr{ margin-right: 7px; margin-left: 7px;}

.r2nav ul li .store {width: 100px; height: 50px; background: url("../images/r2nav.png") -616px -65px no-repeat; display: block; text-indent: 35px; line-height: 50px; color: #FFFFFF; text-shadow:1px 1px 1px #000000; font-size: 14px; text-decoration: none; }
.r2nav ul li .headergamelist {width: 140px; height: 50px; background: url("../images/r2nav.png") -460px -65px no-repeat; display: block; text-indent: 10px; line-height: 50px; color: #FFFFFF; text-shadow:1px 1px 1px #000000; font-size: 14px; text-decoration: none; position: relative; }
.r2nav ul li .tw {width: 34px; height: 50px; margin: 0 2px; background: url("../images/r2nav.png") -409px -65px no-repeat; display: block;}
.r2nav ul li .gg {width: 34px; height: 50px; margin: 0 2px; background: url("../images/r2nav.png") -375px -65px no-repeat; display: block;}
.r2nav ul li .fb {width: 34px; height: 50px; margin: 0 2px; background: url("../images/r2nav.png") -341px -65px no-repeat; display: block;}
.r2nav ul li .signup {width: 90px; height: 50px; margin: 0 2px; background: url("../images/r2nav.png") -245px -65px no-repeat; display: block;}
.r2nav ul li .login {width: 90px; height: 50px; margin: 0 2px; background: url("../images/r2nav.png") -149px -65px no-repeat; display: block;}
.r2nav ul li .myinfo {width: 90px; height: 50px; margin: 0 2px; background: url("../images/r2nav.png") -245px -185px no-repeat; display: block;}
.r2nav ul li .logout {width: 90px; height: 50px; margin: 0 2px; background: url("../images/r2nav.png") -149px -185px no-repeat; display: block; padding: 0;}
.r2nav ul li .tw:hover { background-position: -409px -125px;}
.r2nav ul li .gg:hover { background-position: -375px -125px;}
.r2nav ul li .fb:hover { background-position: -341px -125px;}
.r2nav ul li .signup:hover { background-position: -245px -125px;}
.r2nav ul li .login:hover { background-position: -149px -125px;}
.r2nav ul li .myinfo:hover { background-position: -245px -245px;}
.r2nav ul li .logout:hover { background-position: -149px -245px;}
.r2nav ul .r2banner{ position: relative; margin: 0 10px; height: 50px; width: 305px; overflow: hidden;}
.r2nav .r2banner a { position: absolute; opacity: 0; }
.r2nav .r2banner .banInd { position: absolute; }
.r2nav ul .r2banner img{ height: 50px;}

.r2nav #topnav li {float: right; }
.r2nav #topnav .fl{ float: left;}
.r2nav #topnav .gamelist {float: left; position: relative;}
.r2nav ul li .sub, .r2nav ul li .sub ul li {width: 150px; background: #292929; display: block; position: relative; z-index: 10; float: inherit;}
.r2nav ul li .sub{ padding-bottom: 10px; left: -9px; position: absolute;}
.r2nav ul li .sub ul li a {color: #7f7f7f; font-size: 12px; text-decoration: none; line-height: 18px; text-indent: 20px; display: block; }
.r2nav ul li .sub ul li a:hover{ color: #FFFFFF;}

@media screen and (max-width: 1040px) {
    .r2banner { display: none;} 
}
/* r2nav end */

/*底部信息*/
/*Footer*/
.footer { height:115px; margin:30px auto 0 auto; width: 100%; background-color:#000000; text-align: center; }
.footer .inner { position: relative; min-width: 960px; max-width: 1200px; margin: 0 auto;}
.footer .footer-hd { padding: 15px 0 0 0; line-height: 25px;}
.footer .footer-hd a { color: #b0692f;}

.footer p{padding-top:15px; color: #988063;  font-size:12px;}
.footer .i-separation { margin:0 10px 0 10px; border-right: 1px solid #b0692f;}



#nav{ position: absolute; right: 20px; top: 100px; z-index: 99;}
#nav li { float: left; display: block; position: relative; z-index: 999;}
#nav li img{ margin-right: 5px; vertical-align: -2px;}
#nav li a { height: 36px; display: block; padding: 0; text-decoration: none; zoom: 1; padding: 14px 25px 0 25px; background: url(../images/language/nav_bg.png) repeat; border-radius: 10px; color: #ffffff;}
#nav li a:hover, #nav li a.hov {border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
#nav ul { position: absolute; display: none; margin: 0; padding: 0; list-style: none;}
#nav ul li { width: 94px; float: left; text-align: center;}
#nav ul li:hover { border-left: 0px solid transparent; border-right: 0px solid transparent;}
#nav ul a { display: block; height: 20px; line-height: 20px; padding: 8px 5px; text-transform: uppercase; border-radius: 0; border: 0; color: #ffffff;}
#nav ul li:last-child a{border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
#nav ul a:hover { text-decoration: none; border-right-color: transparent; border-left-color: transparent; color: #000000; background: #fff;}
.arrow{ width: 10px; height: 7px; background: url(../images/language/arrow.png) no-repeat; position: absolute; right: 13px; top: 19px;}