@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 .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 ul li .gg,
.r2nav ul li .fb {
    -webkit-transition: background .25s ease-out;
    -moz-transition: background .25s ease-out;
    -ms-transition: background .25s ease-out;
    -o-transition: background .25s ease-out;
    transition: background .25s ease-out;
}

.r2nav #topnav li {float: right; }
.r2nav #topnav .fl{ float: left;}
.r2nav #topnav .gamelist {float: left; }
.r2nav .sub a,
.r2nav .sub b {
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -ms-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}
.r2nav .sub {
    display: none;
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    background: #000;
    background: rgba(0,0,0,.8);
    border-top: 1px solid #a90000;
    z-index: 9999;  
}
.sub .subBx {
    position: relative;
    width: 1080px;
    margin: 0 auto;
    overflow: hidden;
}
.subBx .subLeft,
.subBx .subRight {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    background: url(../images/nav_point.png) no-repeat 0 33px;
    height: 105px;
    cursor: pointer;
    opacity: .6;
    filter: alpha(opacity=60);
}
.subBx .subRight {
    left: auto;
    right: 0;
    background-position: -48px 33px;
}
.subBx .subLeft:hover,
.subBx .subRight:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
.r2nav .sub .subBxList {
    position: relative;
    width: 1034px;
    height: 120px;
    margin: 0 auto;
    overflow: hidden;
}
.sub .subBx ul {
    position: absolute;
    left: 0;
    top: 0;
    width: 9999em;
    height: 120px;  
    overflow: hidden;
}
.r2nav .sub li {
    position: relative;
    float: left;
    width: 150px;
    margin: auto 11px;    
    text-align: center;
    overflow: hidden;
}
.r2nav .sub li img {
    display: block;
    width: 150px;
    height: 70px;
    margin-bottom: 10px;
}
.r2nav .sub li b {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -5px;
    width: 12px;
    height: 9px;
    background: url(../images/nav_point.png) no-repeat 0 -75px;
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
}
.r2nav .sub li a {
    display: block;
	padding-top: 10px;
    height: 110px;
    line-height: 20px;
    color: #c4c4c4;
    text-decoration: none;
    white-space:nowrap;
	font-size: 12px;
}
.r2nav .subActive a{
    opacity: .7;
    filter: alpha(opacity=70);
}
.r2nav .subActive a:hover {
    color: #fff;
    opacity: 1;
    filter: alpha(opacity=100);
}
.r2nav .sub li a:hover b { opacity: 1; filter: alpha(opacity=100);}
#language { display: none; height: 50px; line-height: 50px; padding: 0 10px; position: relative; }
#language img { vertical-align: middle; margin-right: 5px;}
#language a {color: #fff; text-decoration: none;}
#language a:hover { color: #ddd; }
.r2nav #language ul {display: none; z-index: 999; position: absolute; width: 100%; background: #000; left: 5px; }
.r2nav #language ul li { float: none; line-height: 20px; width: 80px; background: #000; height: 20px;padding: 0 0 3px 5px;}
.r2nav #language ul li img { float: left; margin-top: 3px;}
@media screen and (max-width: 1040px) {
    .r2banner { display: none;} 
}
/* r2nav end */

/* footer */
.footer{ width: 100%; font-size: 12px; font-family: Arial, tahoma, sans-serif;}
.footer .footer_main{ width: 1000px; margin: 0 auto; background: url("../images/footer-line.png") center 100px repeat-x;}
.footer ul,
.footer li { list-style: none; }
.footer ul, .footer li, .footer h2,
.footer p { margin: 0; padding: 0; }
.footer .gototop{ width: 30px; height: 55px; top: 0; right: 50px; position: absolute; background: url("../images/totop.png") 0 0 no-repeat; display: none;}
.footer .column{ display: inline-block; *display: inline; *zoom: 1;  vertical-align: top;  width:200px; padding: 60px 10px 0;}
.footer .column1{ padding-left: 65px}
.footer .column4{ width: 260px; }
.footer .column h2{ color: #ff9c00; font-size: 22px; margin-bottom: 40px; font-family: Arial, 'segoe ui', 'times new roman', serif;}
.footer .column a{ color: #E2E2E2; text-decoration: none; font-size: 14px; line-height: 24px;}
.footer .column a:hover{ color: #FFFFFF;}
.footer .column p{ color: #7b7b7b; font-size: 12px; margin: 0 0 4px; }
.footer .column .img_link li{ float: left;}
.footer .column .img_link li a {width: 30px; height: 31px; display: block; background: url("../images/img_link.png?20141210") no-repeat; padding: 0 10px 10px 0; }
.footer .column .img_link .link_1 {background-position: 0 0; }
.footer .column .img_link .link_2 {background-position: -40px -46px; }
.footer .column .img_link .link_3 {background-position: -78px -46px; }
.footer .column .img_link .link_4 {background-position: -120px 0; }
.footer .column .img_link .link_5 {background-position: -160px 0; }
.footer .column .img_link .link_6 {background-position: -197px -45px; }
.footer .row{ clear: both; height: 70px; margin-top: 40px; background: url("../images/footer-line.png") center top repeat-x; padding: 40px 60px  60px;}
.footer .row .r2logo{ float: left; width: 212px; height: 60px; background: url("../images/r2logo.png") 0 0 no-repeat;}
.footer .row .r2logo a { display: block; width: 100%;  height: 100%; }
.footer .row p{ color: #6e6f6f; padding: 28px 0 0 260px; line-height: 16px;}
.footer .column .img_link .link_2,
.footer .column .img_link .link_3,
.footer .column .img_link .link_6 {
    -webkit-transition: background .25s ease-out;
    -moz-transition: background .25s ease-out;
    -ms-transition: background .25s ease-out;
    -o-transition: background .25s ease-out;
    transition: background .25s ease-out;
}
.footer .column .img_link .link_2:hover {background-position: -40px 0; }
.footer .column .img_link .link_3:hover {background-position: -78px 0; }
.footer .column .img_link .link_6:hover {background-position: -197px 0; }
/* footer */