*{margin:0;padding:0;}
.w1000{ width:1000px; margin:0 auto;}
.clear{ clear:both;}
a{ text-decoration:none;color:#fff; font-size:12px;}
body{font-size:12px; font-family: "微软雅黑"; background: #241b1b url(../images/bg.jpg) top center no-repeat;}

.header{height: 114px;overflow: hidden;}
.header .logo{background: url(../images/logo.png) no-repeat; width: 301px; height: 89px;float: left; display: block;margin-top: 13px;}
.header .topright{background: url(../images/topright.png) no-repeat; width: 320px; height: 31px;float: right;margin-top: 34px;}

.main{}

.con0{height: 317px;overflow: hidden;}

.slide{ width:673px; height:305px; overflow:hidden; position:relative; float:right;float: left;}
.slide .hd{ height:11px; overflow:hidden; position:absolute; left:50%; width:54px; margin-left:-27px; bottom:16px; z-index:1; }
.slide .hd ul{ overflow:hidden; zoom:1; float:left; display:none;}
.slide .hd ul li{ float:left; margin:0 3px;  width:11px; height:11px;text-align:center; background:rgba(0,0,0,0.3); cursor:pointer; text-indent:-999px; overflow:hidden; border-radius:11px;}
.slide .hd ul li.on{ background:rgba(255,0,0,1);}
.slide .bd{ position:relative; height:100%; z-index:0;   }
.slide .bd li{ zoom:1; vertical-align:middle; }
.slide .bd img{ width:673px; height:258px; display:block;}
.slide .prev,.slide .next{ position:absolute; left:0%;bottom: 0; display:block; width:41px; height:41px; background:url(../images/arrow.png) left top no-repeat;}
.slide .next{left:51px;background-position: right top;}
.slide .prev:hover{background-position:left bottom}
.slide .next:hover{background-position:right bottom}

.superbet{background: url(../images/super.png) no-repeat; width: 302px; height: 18px;position: absolute;left: 142px;bottom: 6px; text-indent: 104px;color: #df1b1b;font-size: 20px;font-family: Arial;line-height: 18px;}


.quicklink{height: 190px;float: right;width: 300px;margin-top: 9px;}
.quicklink ul li{background:url(../images/quicklinklibg.png) no-repeat;width: 150px; height: 48px;float: left;position: relative;margin-bottom:23px; }
.quicklink ul li a{display: block;display: block;padding-left:54px;text-align: left;font-size:14px;color: #eacac4;line-height: 18px;overflow:hidden;}
.quicklink ul li a p{margin-top: 8px;font-weight: bold;}
.quicklink ul li a em{font-style: normal;font-family: Arial;color: #413131}
.quicklink ul li a span{display: block;position: absolute;left:0px;top:0px;display: block;width:42px;height: 48px;background: url(../images/quickspan.png) top center no-repeat;text-align: center;}
.quicklink ul li a i{background:url(../images/quickico.png) no-repeat;height: 22px;display:block;margin: 0 auto; margin-top: 14px}
.quicklink ul li a i.i1{width:19px;background-position:0 0;}
.quicklink ul li a i.i2{width:21px;background-position:-19px 0px;}
.quicklink ul li a i.i3{width:22px;background-position:-40px 0;}
.quicklink ul li a i.i4{width:21px;background-position:-62px 0;}
.quicklink ul li a i.i5{width:28px;background-position:-83px 0px;}
.quicklink ul li a i.i6{width:22px;background-position:-111px 0;}
.quicklink ul li a i.i7{width:18px;background-position:-133px 0;}
.quicklink ul li a i.i8{width:21px;background-position:-151px 0;}
.quicklink ul li:hover span{background-position: bottom center}
.quicklink ul li:hover a{color: #ffdc5f}
.quicklink ul li:hover a em{color: #ffdc5f}


.con1{border:1px solid #3e2e2e;background: #231a1a;height: 106px;overflow: hidden;}
.con1 ul li{width: 155px; height: 82px;float: left;margin-left: 10px;margin-top: 13px;text-align: center;background:url(../images/linebg.png) top center no-repeat;transition: all 0.3s}
.con1 ul li a{display:block;height: 82px;overflow: hidden;}
.con1 ul li h3{margin-top: 26px;font-size: 15px;color: #ffe8e4;transition: all 0.3s}
.con1 ul li p{color: #ffd053;font-size: 13px;font-weight: bold;margin-top: 8px;transition: all 0.3s}
.con1 ul li:hover{background-position: bottom center;}
.con1 ul li:hover p,.con1 ul li:hover h3{color: #643500;}

.con2{width:670px;border:1px solid #3c2d2d;height:323px;margin-top: 12px;}
.con2 .bttitle{height:48px;line-height:48px;}

.con2 .game ul li{float: left;border:1px solid #473431;height: 125px; margin-left: 10px;margin-bottom: 10px;position: relative;}
.con2 .game ul li a{display: block;height: 125px;}
.con2 .game ul li img{display: block;}
.con2 .game ul li p{height: 31px;line-height: 31px;text-indent:10px;font-size: 14px;color: #eacac4;border-top: 1px solid #473431}
.con2 .game ul li span{background: url(../images/gamehover.png) no-repeat; width: 155px; height: 127px;position: absolute;left: -1px; top:-1px;transition: all 0.3s; filter:alpha(opacity=0);opacity:0;}
.con2 .game ul li p em{float: right;color: #ffd053;font-style: normal;margin-right: 10px;}
.con2 .game ul li:hover span{filter:alpha(opacity=100);opacity:1;}
.con2 .game ul li:hover p{color: #ffd053}

.con3{width:670px;border:1px solid #3c2d2d;height:168px;margin-top: 30px;}
.con3 .con3con{float: left;width: 310px;border-right: 1px solid #3c2d2d;height:168px;padding:0 11px;}
.con3 .con3con .title img{display: block;}
.con3 .con3con .title {border-bottom: 1px solid #3c2d2d}
.con3 .con3-2{border:none;}
.con3 .con3-1 ul{margin-left: 20px;margin-top: 8px;}
.con3 .con3-1 ul li{height: 34px;line-height: 34px;border-bottom: 1px solid #3c2d2d;width: 270px;color: #eacac4;font-size: 14px;}
.con3 .con3-1 ul li span{color: #ffdc5f;font-size: 14px;font-family: Arial;float: right;width:100px;text-align: left;}
.con3 .con3-1 ul li.last{border-bottom: none;}

.con3 .con3-2 .win{margin-left: 20px;margin-top:16px;margin-right: 15px; height: 100px; overflow: hidden;}
.con3 .con3-2 .win ul li{line-height: 25px;color: #5e4646;}
.con3 .con3-2 .win ul li span{color: #eacac4;display: inline-block;width: 40px;}
.con3 .con3-2 .win ul li i{color: #ffdc5f;font-style: normal;}
.con3 .con3-2 .win ul li b{color: #e60012}
.con3 .con3-2 .win ul li em{float:right;font-style: normal;}

.bttitle{background: url(../images/titlebg.png) left center no-repeat;padding-left:26px; font-size: 18px;color: #ffdc5f;height: 55px; line-height: 55px;margin-left: 14px;font-weight: bold;}
.bttitle span{float: right;color: #ffdc5f;font-family: Arial;font-size: 12px;margin-right: 18px;font-weight: bold;}
.con4{border:1px solid #3c2d2d;background:#201818;margin-top: 10px;}
.con5{border:1px solid #3c2d2d;margin-top: 10px;background:#201818;}
.bank{}
.bank ul li {float: left;width: 153px; height: 43px;border:1px solid #473431;background: #291e1e;margin-left: 10px;margin-bottom: 10px;transition:all 0.4s}
.bank ul li a{display: block;height: 43px; line-height: 43px; text-align: center;font-size: 14px; position:relative}
.bank ul li a:before{ display:block; width:155px; height:45px; content:""; position:absolute; left:-1px; top:-1px; z-index:99;filter:alpha(opacity=0);opacity:0; background:url(../images/lihover.png) no-repeat}
.bank ul li a img{display: inline-block;vertical-align: middle;margin-right:10px;}
.bank ul li:hover{}
.bank ul li:hover a{color: #fcec69}
.bank ul li:hover a:before{filter:alpha(opacity=100);opacity:1;}


.footer{background: #1d1717;border-top: 1px solid #3b2d2d;text-align: center;color: #534141;line-height: 29px;padding-top: 20px;height: 76px;}
.footer a{margin: 0 10px;color: #534141;transition: color 0.3s}
.footer a:hover{color: #fff100;}