@charset "utf-8";
/* CSS Document */

/*Resets and overrides*/
body, div, img, table, th, td, ul, li, dl, dt, dd, from, p, h1, h2, h3, h4, h5, h6, br {
    margin: 0;
    padding: 0;
    border: none;
}

ol,ul,li{
	list-style: none;
	outline:none;
	list-style-type:none;
}

a, a:link, a:active, a:visited, a:hover {
	text-decoration: none;
	outline: none;
	}


input[type='buttom']{cursor: pointer;}
input, select {vertical-align: middle; outline:none;}

body {
	color: #000;
	font-family: "Microsoft YaHei" , sans-serif;
	font-size: 14px;
	text-align: center;
	}

table,tr,td,th{border: none;border-collapse:  collapse;}	
	
.left {
	float: left;
	}
	
.right {
	float: right;
	}

.both {
	clear: both;
	display: block;
	overflow: hidden;
	width: 0;
	height: 0;
	}

.container {
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
	position: relative;
	overflow: hidden;
	text-align: left;
	}
@media  screen and (max-device-width:650px)
{
   
	  .container {
		    width: 100% !important;
		}
		.slideTxtBox .hd li {
            height: 38px !important;
            line-height: 38px !important;
        }
        .slideTxtBox .bd li{ height: 200px !important;}
        .news .item{height: 400px !important;  }
        .news {
            height: 400px !important;
        }
        .news .item ul li{ width:100% !important;}
        .news .item ul li span{width: 20% !important;}
        .appdown{ 
            height: 300px !important; 
	     }
	     .appdown li {
            padding: 12px 21% !important;
            
        }
        .wealth_list .w_l_title{width:100% !important;}
        .wealth_list .w_l_title_th1{width:30% !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block; float:left;}
        .wealth_list .w_l_title_th2{width:30% !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;float:left;}
        .wealth_list .w_l_title_th3{width:40% !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;float:left;}
        .nav li{ float:none !important; }
        .nav_right_ul2{ background-color: #313538;position: relative;z-index: 2;top:80px;right:-20.6%;  margin-right:0px;width:20.6%; display: none;}
        .nav_right_ul1{ position: relative;z-index: 2;top:0px;margin-right:0px;width:20.6%; }
        .nav li{width:100% !important;float:none !important; margin-left:5% !important;  }
        .ioc{ background:url() no-repeat ;position: absolute;top:22px; left:30%;}
        .nav_right_ul1 li{width:100%;}
        .nav_right_ul1{ display:block !important;}
        .nav_right_ul1 li{ width: 100px; float: left; margin-right: 30px;  }
        .nav_right_ul1 li a{ display: block; padding-left:32px;height: 75px;line-height: 75px;  cursor: pointer; font-size: 16px; color: #fff;  border-top: 5px solid #313538;   position: relative; }
        

         .paytype .item span{ float:left; width:100% !important; margin-left:0px !important;}
         .paytype .item {height: 80px !important; text-align:center;}
         .paytype .item img{margin-left:30% !important;}
         .payfrom tr td{display:block !important; float:left !important;}
         
         .list_cont{height:auto !important;}
         
         .userlogin .login_from{width:100% !important;}
         .userlogin .logindesc .forget-pwd {display: block !important;padding-top: 20px !important;}
         .userlogin .logindesc{height:40px !important;}
}
/*  header */
.header{ width: 100%; height: 80px;  background-color: #313538; }
.nav .logo{display: block; width: 210px; }
.nav .logo img{ width: 100%; height:auto;}
.nav li{ width: 100px; float: left; margin-right: 30px;  }
.nav li a{ display: block; padding-left:32px;height: 75px;line-height: 75px;  cursor: pointer; font-size: 16px; color: #fff;  border-top: 5px solid #313538;   position: relative; }
.nav_right_ul2 li.on a,.nav li a:hover{border-top-color: #0586EC; color: #0586EC; }
/*.nav li.on .nav-ioc,.nav li a:hover .nav-ioc{ background-position-x: -32px;}
.nav li .nav-ioc{position: absolute; width: 32px; height: 32px; top:22px; left: 0px;}
.nav li .ioc1{ background:url(../images/jj_nav_bg_980.png) no-repeat ;}
.nav li .ioc2{ background:url(../images/jj_nav_bg_980.png) no-repeat 0 -32px;}
.nav li .ioc3{ background:url(../images/jj_nav_bg_980.png) no-repeat 0 -64px;}
.nav li .ioc4{ background:url(../images/jj_nav_bg_980.png) no-repeat 0 -96px;}
.nav li .ioc5{ background:url(../images/jj_nav_bg_980.png) no-repeat ;}
.nav li .ioc6{ background:url(../images/jj_nav_bg_980.png) no-repeat ;}
.nav li .ioc7{ background:url(../images/jj_nav_bg_980.png) no-repeat ;}*/

.nav li.on .nav-ioc,.nav li a:hover .nav-ioc{ background-position-x: -34px;}
.nav li .nav-ioc{position: absolute; width: 32px; height: 32px; top:22px; left: 0px;}
.nav li .ioc1{ background:url(../images/nav-icon.png) no-repeat ;}
.nav li .ioc2{ background:url(../images/nav-icon.png) no-repeat 0 -28px;}
.nav li .ioc3{ background:url(../images/nav-icon.png) no-repeat 0 -56px;}
.nav li .ioc4{ background:url(../images/nav-icon.png) no-repeat 0 -84px;}
.nav li .ioc5{ background:url(../images/nav-icon.png) no-repeat 0 -112px;}
.nav li .ioc6{ background:url(../images/nav-icon.png) no-repeat 0 -140px;}
.nav li .ioc7{ background:url(../images/nav-icon.png) no-repeat 0 -168px;}

.nav_right_ul1{ display:none;}
/*  content  */
.content{    width: 100%;
    min-height: 500px;
    background-image: url(../images/bg1.jpg);
    background-size: 100%;
    background-color: #fefefe;
    background-repeat: no-repeat;
    background-position: 50% 0;
    /*padding-top: 450px;*/
    padding-bottom: 50px; }
.content_l{ width: 23%; float: left; margin-right:18px; }
.content_r{ width:74%;float: right; }

/*  footer  */	
.footer{width: 100%;  background-color: #313538; padding:20px 0px;  color: #BBBBBB;}
.footer a {color: #999; }
.footer a:hover{ color: #fff;}
/* 快速导航 */
.footer .navlink{ width: 100%; height: 40px; line-height:40px;  }
.footer .navlink li{ float:left; margin-right:20px; }
.footer .navlink li a{ color: #999; font-size:16px; font-weight:500;  }
.footer .navlink li a:hover{ color: #fff;}
/* 友情链接 */
.footer .friendlink{ width: 100%; height: 40px; line-height:40px; }
.footer .friendlink li{ float: left; margin-right:20px; font-size:16px; }
.footer .friendlink li a{ color: #999;  }
.footer .friendlink li a:hover{ color: #fff;}

.footer dl{ width:100%; height:90px; margin:20px 0px; }
.footer dt{float: left; width:90px; margin-right: 20px; }
.footer dt img{ width:100%;}
.footer dd{float: left; line-height: 30px; width: 80%; }


/* 下载 */
.appdown{ 
    width:100%; height: 100px; 
    margin:10px 0px; 
    background-image:url(../images/download_bg.jpg);
    background-repeat:no-repeat;
    -moz-background-size: 100% 100%; 
    -o-background-size: 100% 100%; 
    -webkit-background-size: 100% 100%; 
    background-size: 100% 100%; 
    -moz-border-image: url(../images/download_bg.jpg) 0; 
    background-repeat:no-repeat\9; 
    background-image:none\9; 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/download_bg.jpg', sizingMethod='scale')\9; 
}
.appdown li{ float: left;padding: 12px 11px; position: relative; z-index: 1000; }
.appdown li a{ display:  block; width: 70px; height: 70px; background:url(../images/ph_dow_but_bg_980.png) no-repeat 0px -148px; _background:url(../images/ph_dow_but_bg_980.png) no-repeat 0px -148px;}
.appdown li a.and{ background-position: 0px 0px;}
.appdown li a.ios{background-position: -75px  0px;}
.appdown li a.ipad{background-position: -150px  0px;}
.appdown li a:hover{ background-position-y: -74px;}
.appdown li .donwModel{ width: 130px; height: 160px;  position: absolute; background: rgba(0,0,0,0.90);filter:Alpha(opacity=90); background:#000;
    border-radius: 10px;-moz-border-radius:10px; /* Old Firefox */top: 90px; left: 0px; padding: 10px;
    text-align: center;z-index: 1000; color: #fff; display: none; }
.appdown li .donwModel img{width: 120px;    height: 120px;    padding: 5px;    background: #FFF; }
.appdown li .donwModel p{ line-height: 32px;}

/* 用户信息 */
.userinfo{width:100%;  border: 1px solid #796A50; background-color: #DDD3C9; margin-bottom: 10px; overflow: hidden;}
.userinfo .user_top{ padding: 10px; border-bottom: 1px solid #A78255;}
.userinfo .user_ad{ width: 100%; }
.userinfo .user_con{ width:100%; height:90px; padding-top: 10px; }
.userinfo .head_portrait { display: block; width:68px;height: 68px;  float: left; }
.userinfo .head_portrait img{ width: 64px; height:64px;border-radius: 50px; border: 2px solid #A78255;} 
.userinfo .info{width: 170px;  margin-left: 10px;   color: #000; float: left;}
.userinfo .info p{ width: 100%; height:24px; line-height: 24px; font-size:12px; }
.userinfo .info .u_name{ float: left; color: coral; font-size: 16px;  font-weight:700;}
.userinfo .info .u_out{ float: right;  color: #000;}
.userinfo .info a:hover{ color: #A78255;}

.user-base-dl{width: 100%; border-bottom: 1px solid #AF957C; overflow: hidden; }
.user-base-dl dd{ float: left; display: block; width:90px; height:68px; border:1px solid #AF957C; text-align:center; overflow:hidden; position: relative; cursor: pointer;}
.user-bdd em{display:block;width:100%;height:68px;position:absolute;right:0;bottom:0; transition: all 0.35s ease-out 0s;}
.user-bdd a{display:block; height:25px;padding-top:43px; width:100%;background:url(../images/ico-login2.png) no-repeat; transition: all 0.35s ease-out 0s;position: absolute;}
.user-bdd i{ display:block; width:10px; height:10px; background:url(../images/ico-login1.png) no-repeat; position:absolute; right:0; bottom:0;}
.user-bdd a.user-center{ color:#ca7dbb; background-position:30px 9px; left:0; top:0;}
.user-bdd a.user-sign{color:#8dc11f; background-position:35px -58px ;left:0; top:0;}
.user-bdd a.user-pay{color:#ef656c; background-position:35px -120px ;left:0; top:0;}
.user-bdd i.bq-1{ background-position:-1px  -103px;}
.user-bdd i.bq-2{ background-position:-1px  -132px;}
.user-bdd i.bq-3{ background-position:-2px -157px;}


.userinfo .current a{ background-image:url(../images/ico-login3.png); color:#fff;}
.userinfo .current em.bq-11{  background-color: #ca7dbb;}
.userinfo .current em.bq-22{  background-color:#8dc11f;}
.userinfo .current em.bq-33{  background-color:#ef656c;}
.userinfo .user_nav{ width: 100%; padding: 10px 0px;}
.userinfo .user_nav li{ width: 90%; margin: 5px auto;}
.userinfo .user_nav li a{ display: block;width: 100%; height: 30px; line-height: 30px;border: 1px solid #524d49; background-color:#818181; text-align: center; color:#fff; font-size: 16px;}
.userinfo .user_nav li.active a,.userinfo .user_nav li a:hover{ color: #ed7e12;}


/* 立即登录 */
.userlogin {width:100%; height: auto; overflow: hidden;  border: 1px solid #796A50; background-color: #DDD3C9; margin-bottom: 10px;}
.userlogin .title{ margin: 10px; height: 40px; line-height: 40px; text-align: center; font-size: 18px;  border: 1px solid #796A50; background-color: #BFA487;  color: #000; }
.userlogin .login_from{ width: 258px; margin: 0px auto;}
.userlogin .login_input{ width: 258px; height: 35px; margin-top: 10px; position: relative; z-index: 10px; background-repeat:  repeat;background-position:center 0;background-color: #828282; }
.userlogin .login_input input{font-size: 16px; width: 190px; height: 30px; line-height: 30px; padding: 1px 10px; position: absolute;z-index: 10px; top: 2px; right: 1px;border: 0px;background-color: #828282; cursor: default; }
.userlogin .login_name{background:url(../images/login/bg_login_name.png) ;}
.userlogin .login_pwd{background:url(../images/login/bg_login_pwd.png) ;}
.userlogin .logindesc{ width: 100%; height: 20px;margin: 10px 0px; position: relative;}
.userlogin .logindesc .abs{ position: absolute;}
.userlogin .logindesc .an2{ transition: all 0.2s ease-out 0s;}
.userlogin .logindesc .lg-slides{ background:#818181; border-radius:12px; width:53px; height:18px;line-height:20px; left:0; top:0px; color:#fff; cursor: pointer; overflow: hidden;}
.userlogin .logindesc .lg-slides-btn{ display:block; border-radius:12px; width:20px; height:14px; left:2px; top:2px; background:#fff; z-index:22;}
.userlogin .logindesc .lg-btn{ width:246px; height:102px; border-bottom:1px dotted #e6e6e6; margin:0 auto;}
.userlogin .logindesc .lg-on{width:0; height:18px; left:4px; top:0px; overflow:hidden;}
.userlogin .logindesc .lg-off{width:25px; height:18px; right:4px; top:0px;}
.userlogin .logindesc .on{ background:#66482C}
.userlogin .logindesc .on .lg-on{width:25px; height:18px; left:4px;}
.userlogin .logindesc .on .lg-off{ width:0;  overflow:hidden;}
.userlogin .logindesc .on .lg-slides-btn{left:31px;}
.userlogin .logindesc .lg-rem-name{ left:60px; top:0px;}
.userlogin .logindesc .forget-pwd{ right: 0px; top:2px; color: #000; }
.userlogin .logindesc .forget-pwd:hover{ text-decoration: underline;}
.userlogin .btn{ width: 100%; height: 30px;  border: 1px solid #66482C; background-color:#C0A88E; border-radius: 20px; font-size: 16px; margin-bottom: 10px; cursor: pointer;}
.userlogin .btn:hover{ background-color: #66482C; color: #fff;}


/* 财富排行 */
.regal_ranking{width:100%; height: auto; overflow: hidden;  border: 1px solid #796A50; background-color: #DDD3C9;  margin-bottom: 10px; }
.regal_ranking .title{margin: 10px; height: 40px; line-height: 40px; text-align: center; font-size: 18px;  border: 1px solid #796A50; background-color: #BFA487; color: #000;}
.wealth_list{ width: 100%; text-align: center;}
.wealth_list .w_l_title{ height: 40px; line-height:40px;  background-color: #B7A18A; color: #000;}
.wealth_list tr{ height: 40px; line-height: 40px;}
.wealth_list .bg1{ background-color:#C6B5A3;}
.wealth_list .tr1{ color: #E12D30;}
.wealth_list .tr2{ color: #E5731A;}
.wealth_list .tr3{ color: #2A9DE0;}
.wealth_list .tr1 span,
.wealth_list .tr2 span,
.wealth_list .tr3 span{ display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; margin: 0px auto; color: #fff; border-radius: 3px;-moz-border-radius:3px; /* Old Firefox */}
.wealth_list .tr1 span{ background-color:#E12D30; }
.wealth_list .tr2 span{ background-color:#E5731A; }
.wealth_list .tr3 span{ background-color:#2A9DE0; }

/* 支付方式 */
.paytype{width:100%; height: auto; overflow: hidden;  border: 1px solid #796A50; background-color: #DDD3C9; margin-bottom: 10px; padding-bottom: 10px; }
.paytype .title{margin: 10px; height: 40px; line-height: 40px; text-align: center; font-size: 18px;  border: 1px solid #796A50; background-color: #BFA487;  color: #000; margin-bottom: 0px;}
.paytype .item{ display: block; width: 92%;height: 40px; line-height: 40px; margin: 0px auto; color: #000;  padding: 10px 0px; border-bottom: 	1px solid #A78150;}
.paytype .item img{width: 60px; height: 40px; float: left;}
.paytype .item span{ display: inline-block; width: 180px; height: 40px; line-height: 40px; font-size: 16px; margin-left: 10px; cursor: pointer; }
.paytype .on,.paytype .item:hover{color: #0586EC;}


/* 快速通道 */
.passage {width:100%; height: auto; overflow: hidden;  border: 1px solid #796A50; background-color: #DDD3C9; margin-bottom: 10px; }
.passage .title{margin: 10px;  height: 40px; line-height: 40px; text-align: center; font-size: 18px;  border: 1px solid #796A50; background-color: #BFA487; color: #000; margin-bottom: 0px;}
.passage .p_list{ padding-bottom: 10px;  width: 100%; height: auto; overflow: hidden;}
.passage .p_list li{ float: left;  padding: 10px 10px 0px;}
.passage .p_list li a{ display: block; width: 116px; height: 32px; line-height: 32px; text-align: center; color: #000;border: 1px solid #796A50; background-color: #818181;}
.passage .p_list li a:hover{ color: #818181; background-color:#000; }

/* 广告 */
.ad{display: block; width: 100%; height: auto; overflow: hidden; margin-bottom: 10px; }
.ad img{ width: 100%; height: auto;}
/* 游戏客服 */
.gameWaiter{width:100%; height: auto; overflow: hidden;  border: 1px solid #796A50; background-color: #DDD3C9; }
.gameWaiter .title{ margin: 10px;height: 40px; line-height: 40px; text-align: center; font-size: 18px;  border: 1px solid #796A50; background-color: #BFA487; color: #000; margin-bottom: 0px;}
.gameWaiter .contacts{ display: block;height: 50px; font-size: 18px; color: #000; cursor: pointer;}
.gameWaiter .contacts:hover{ color:#796A50;}
.gameWaiter .contacts i{ display: block;width: 60px; height: 50px;  left: 20px; top: 22px; float: left;}
.gameWaiter .contacts span{    display: block; width: 198px;line-height: 50px;  float: left;}
.gameWaiter  .qq { border-bottom: 1px solid #BFA487;}
.gameWaiter  .qq i{background: url(../images/icon-qq.jpg) no-repeat; background-position: center;} 
.gameWaiter  .phone i{background: url(../images/icon-phone.jpg) no-repeat; background-position: center;}  

/* 标题 */
.header_title{  height: auto; overflow: hidden; border: 1px solid #796A50;  background:url(../images/title_bg.jpg) repeat-x; }
.header_title .h_left{ width: 39%;height: 45px; line-height: 45px; float: left; color: #000; font-size:18px; padding-left: 10px;}
.header_title .h_right{ width: 39%;height: 45px; line-height: 45px; float:right; text-align: right;padding-right: 10px;}
.header_title .h_right a{ color: #000;}
.header_title .h_right a:hover{color: #fff;}

/* 分页 */
.pagelist{overflow: hidden; margin: 30px 0px; padding-left: 300px;}
.pagination{ overflow: hidden;}
.pagination li{ float: left;}
.pagination li a{ display: block; padding: 5px 10px; margin-left: 10px; border: 1px solid #88878C; color: #434544;}
.pagination li.active a,.pagination li a:hover{ background-color: #0586EB; color:#fff;}

/* 左栏-用户注册 */
.left_reg {width:100%; height: auto; overflow: hidden;  border: 1px solid #796A50; background-color: #DDD3C9; margin-bottom: 10px; }
.left_reg .title{ margin: 10px; height: 40px;  line-height: 40px; text-align: center; font-size: 18px;  border: 1px solid #796A50; background-color: #BFA487;  color: #000;}
.left_reg .yes{ width: 100%; height: 40px; line-height:40px; text-align: center; color:#666;}
.left_reg .btn{ display:  block; width:258px; margin: 0px auto; height: 30px; line-height:30px;  border: 1px solid #66482C; background-color:#C0A88E; border-radius: 20px; text-align:center; font-size: 16px; color:#fff; letter-spacing:4px;}
.left_reg .btn:hover{ background-color: #66482C; color: #fff;}
.left_reg .weixinInfo{ width:258px; margin: 0px auto; height:auto; overflow: hidden; padding:10px 0px;}
.left_reg .weixinInfo dt,.left_reg .weixinInfo dd{float: left;}
.left_reg .weixinInfo dt{ width: 80px; height:80px;}
.left_reg .weixinInfo dt img{ width: 100%; height:100%;}
.left_reg .weixinInfo dd{width: 160px; height: 80px; margin-left: 10px; }
.left_reg .weixinInfo dd p{color: #666; line-height: 35px; font-size: 16px;}