@charset "utf-8";

html, body{width: 100%;height: 100%;}
body{position: relative;background-color: #eee;}
body, button, input, select, textarea, h1, h2, h3, h4, h5, h6{font-family: Microsoft YaHei, "宋体", "Helvetica Neue", Helvetica, Arial, "\5b8b\4f53", sans-serif;}
ul, li{list-style: none;margin: 0;padding: 0;}
em, i{font-style: normal}
a:hover, a:focus{text-decoration: none}
.container, .container-fluid{padding: 0}

.f_l{float: left}
.f_r{float: right}
.ft_18{font-size: 18px}
.pd_lr_5{padding: 0 5px}
.pd_lr_10{padding: 0 10px}




.header{width: 100%;height: 65px;line-height: 65px;/* position: fixed; */left: 0;top: 0;right: 0;background:#333333;;box-shadow: 0 .1rem .3rem 0 rgba(0,0,0,.3);z-index: 100;}
.header .d11-header-logo{margin:13px 0 0 13px;width:154px;}
.header .d11-header-logo a{display:block;width:100%;height: 100%;}

.header .hd-right{height:50;color:#fdfdfd;font-size:14px;line-height:65px;top:27px;right:15px;}
.header .hd-right a{color:#fff;border:1px solid #fff;padding: 8px;border-radius: 5px;}

.header .hd-right.user-balance a{border:none;}
.header .hd-right img {width:21px;position: relative;top:-5px;}


.home-top-menu2{position:relative;top:0px;height:30px;padding:0px 0;background:#fff;z-index:997;}
.home-top-menu2 td{ text-align:center}
.home-top-menu2 td img{width:38px;}
.home-top-menu2 td span{font-size:14px;}




.home-platform{width:100%; background:#fff; overflow:hidden;}
.home-platform li{position:relative; float:left; display:inline; width:25%; border-left:1px solid #e9e9e9; border-top:1px solid #e9e9e9; text-align:center; padding-bottom:15px; font-size:13px; margin-left:-1px;}
.home-platform li img{width:87%; max-width:210px;}
.home-platform li span{display:block; width:100%; line-height: 15px;}
.home-platform li.platform-more span{color:#ccc; position:absolute; top:50%; margin-top:-7px; width:100%; display:block;}

.home-user-data{width:100%; background:#fff; overflow:hidden;}
.home-user-data li{display:inline; float:left; position:relative; width:50%; border-left:1px solid #e9e9e9; border-top:1px solid #e9e9e9; margin-left:-1px;}
.home-user-data li img{width:47%; max-width:225px; float:right; display:inline;}
.home-user-data li div{padding-left:10px; position:absolute; top:50%; margin-top:-16px;}
.home-user-data li span{font-size:14px; height:14px; line-height:1; display:block;}
.home-user-data li em{color:#666; font-size:13px; line-height:22px; height:22px; display:block;}

.home-aide{width:100%; background:#fff; overflow:hidden;}
.home-aide li{position:relative; float:left; display:inline; width:25%; text-align:center; padding:15px 0;}
.home-aide li img{width:75%; max-width:180px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.home-aide li span{font-size:12px; display:block; margin-top:10px; line-height:1;}


.login, .reg{padding-bottom: 80px}
.login .head, .reg .head{height: 45px;line-height: 45px;font-size: 18px;background-color: #333333;text-align: center;}
.login .head a, .reg .head a{color: #fff; display: inline-block}
.login .con, .reg .con{width: 90%; margin: 0 auto; padding-top: 30px; overflow: hidden}
.login .con li, .reg .con li{margin-bottom: 20px; position: relative; overflow: hidden}
.login .con .inp{padding: 10px 16px 10px 45px}
.login .con .ico{color: #777; left: 0; right: auto}
.login .con .ico:before{vertical-align: -6%}
.login .con .btn, .reg .con .btn{width: 100%}
.login .con .f_pwd, .reg .con .f_pwd{color: #999}

#footer{
    height:60px;padding-top:3px;background:#353535;background-image:linear-gradient(to top,#353535,#555555);background-image:-webkit-linear-gradient(to top,#353535,#555555);
	z-index: 998;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	overflow: visible;
}
.pad_footer{padding-bottom: 70px;}

.footer ul li {
	float: left;
	width: 20%;
	height: 50px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #A9A9A9;
}
.footer ul li a {
	display: block;
	text-align: center;
	color: #FFF;
	padding-top: 30px;
	font-size: 12px;
	background-image: url(../images/icos.png);
	background-repeat: no-repeat;
	background-position: center -7px;

}
.footer ul li a:hover,.footer ul li a:visited,.footer ul li a:link {
	color: #ffffff;
}
.footer ul li .ico_home {
	background-position: center -7px;
}

.footer ul li .ico_kj {
	background-position: center -277px;
}
.footer ul li .ico_u {
	background-position: center -210px;
}
.footer ul li .ico_money {
	background-position: center -403px;
}
.footer ul li .ico_kf {
	background-position: center -343px;
}

.slide{position: relative}
.slide .hd{position: absolute; left: 0; bottom: 5px; right: 0; text-align: center}
.slide .hd li{width: 10px; height: 10px; margin: 0 5px; border-radius: 10px; display: inline-block; text-indent: -999px; background-color: #888; overflow: hidden}
.slide .hd li.on{background-color: #ff4000}


.notice .list .move{
	overflow: hidden;
	white-space: nowrap;
	height: 35px;
	padding-top: 13px;
}

.games{
    background:#e4e4e4 url(../images/tg_home_bg.jpg) no-repeat /*left top repeat !important*/;
    text-align: center;
    padding: 5px 0;
    overflow: hidden;
	background-size:100% 100%;
    }
.games .col{
    width: 30%;
    float: left;
    padding-bottom: 5px
    text-align: center;
    font-size: 13px;
    padding: 0px;
    border: 1px solid #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin: 6px;
    background: #ccc;
    position: relative;
    }


.games .logo{width: 82px; height: 82px; background: url("../images/dy/cp_logo.png") no-repeat; display: inline-block; margin-top: 10px}
.games .logo.cqssc{background-position: 0 0}
.games .logo.tjssc{background-position: -84px 0}
.games .logo.xjssc{background-position: -168px 0}
.games .logo.pk10{background-position: 0 -84px}
.games .logo.xyft{background-position: -84px -84px}
.games .logo.xync{background-position: -168px -84px}
.games .logo.gdsf{background-position: 0 -168px}
.games .logo.kl8{background-position: -84px -168px}
.games .logo.fc3d{background-position: -168px -168px}
.games .logo.pl3{background-position: 0 -252px}
.games .logo.six{background-position: -84px -252px}
.games .logo.xy28{background-position: -168px -252px}
.games .logo.jnd28{background-position: 0 -336px}
.games .logo.ty{background-position: -84px -336px}
.games .logo.ag{background-position: -168px -336px}
.games .logo.jsffc{background-position: -0px -420px}
.games .logo.jslfc{background-position: -84px -420px}
.games .logo.jswfc{background-position: -168px -420px}
.games .logo.jspk10{background-position: 0 -84px}
.games .gm_txt{color: #428bca; display: block}

/*真人电子*/
.games .zr{width: 82px; height: 82px; background: url("../images/dy/zrdz_logo.png") no-repeat; display: inline-block; margin-top: 10px}
.games .zr.ag{background-position: 0 0}
.games .zr.bbin{background-position: -84px 0}
.games .zr.mg{background-position: -168px 0}
.games .zr.pt{background-position: 0 -84px}
.games .zr.ab{background-position: -168px -168px}
.games .zr.sa{background-position: -84px -252px}
.games .zr.sb{background-position: 0 -252px}
.games .zr.agby{background-position: -84px -84px}
.games .zr.bbdz{background-position: -168px -84px}
.games .zr.mgdz{background-position: 0 -168px}
.games .zr.ptdz{background-position: -84px -168px}
.games .gm_txt{color: #428bca; display: block}



.route .tit, .route .bom{
    width: 100%;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    position: fixed;
    background: #fefefe;
    background: -moz-linear-gradient(top, #fefefe, #ededed);
    background: -o-linear-gradient(top, #fefefe, #ededed);
    background: -ms-linear-gradient(top, #fefefe, #ededed);
    background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#ededed));
    background: -webkit-linear-gradient(top, #fefefe, #ededed);
}
.route .tit{top: 0; border-bottom: 1px solid #ddd; box-shadow: 0 2px 2px #e9e9e9}
.route .bom{bottom: 0; border-top: 1px solid #ddd; box-shadow: 0 -2px 2px #e9e9e9}
.route .bom a{display: block; width: 50%; float: left}
.route .bom a.yes{border-left: 1px solid #ddd; margin-right: -1px}
.route .main{padding: 50px 10px}
.route .main li{line-height: 28px; text-indent: 2em}

.news{margin: 0 10px}
.news .tit, .news .n_l{border-left: 1px solid #ddd; border-top: 1px solid #ddd; border-right: 1px solid #ddd}
.news .tit{height: 35px; line-height: 35px; padding: 0 15px; font-size: 16px; font-weight: bold; background-color: #e9e9e9}
.news .n_l{margin-bottom: 10px; border-bottom: 1px solid #ddd}
.news .n_l li{padding: 5px 15px}

@media(min-width: 768px) {
    .games .col{width: 25%}
}