/* CSS Document */
body{background:#343434; word-break:break-all; word-wrap:break-word; -webkit-font-smoothing:antialiased; font-family: "Microsoft YaHei"; min-width:1200px;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
a{color:#fff;}
a:hover{color:#0088fe;}
a:active{color:#0088fe;}
.cMain,a.cMain,.cMain a,.cMain a:active{color:#f0f0f0;}
.layout{width:1200px; margin:0 auto;}
.content{background:#fff;}

/* spirits 图片 */
.top-notice em,.nav .nav-online-chat a,.slide-wrap .slide-arrow em{background:url(../images/common_spirits.png) no-repeat;}
.nav li > a i,.header-service i{background:url(../images/nav/header_spirit.png) no-repeat scroll;}

/*系统公告*/
.top-notice{height:30px; line-height:30px; color:#777; background:#fff4d1; position:relative; z-index:100; overflow:hidden;}
.top-notice .layout{position:relative;}
.top-notice em{width:18px; height:18px; background-position:-179px -120px; position:absolute; top:6px; left:0; display:block;}
.top-notice .top-marquee{width:960px; height:100%; margin-left:30px; color:#4d3308; overflow:hidden;}

/* header */
.header .left{margin-left:60px;}
.header .right{margin-right:60px;}
.header-top{height:40px; line-height:40px; font-size:14px; background-color:#41484e;}
.header-logo{width:170px; height:50px; margin:4px 0;}
.header-logo img{width:100%;}
.header-time{width:260px; color:#fff; overflow:hidden;}
.header-service{width:110px; height:28px; float:right; line-height:28px; text-align:center; background-color:#16c38d; margin-top:5px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px;}
.header-service i{width:14px; height:13px; float:left; display:block; margin:8px 5px 8px 18px;background-position:0 -30px;}
.header-service a{display:block; width:100%; height:100%; color:#fff; text-align:left;}
.header-service:hover{background-color:#0ea878;}

.login-menu input{width:160px; height:28px; margin-top:-3px; padding:5px 10px; box-sizing:border-box; color:#666; background:#f0f0f0; border:1px solid #aaa; border-radius:4px; box-sizing:border-box;}
.login-menu input::-webkit-input-placeholder{color:#666;}
.login-menu input::-moz-placeholder{color:#666;}
.login-menu input.input-psw{padding-right:50px;}
.login-menu span.pr{margin:0 5px;}
.login-menu .forgot-password{position:absolute; top:-1px; right:8px; display:block; font-size:12px; line-height:20px; width:43px; height:20px; padding:0; cursor:pointer; text-align:right; color:#868686; border:1px solid #c0c0c0; background-color:#f0f0f0; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px;}
.login-menu a{padding:4px 14px; border-radius:4px; color:#fff;}
.login-menu a.reg-btn{color:#fff; background:#0088fe; margin:0 5px;}
.login-menu a:hover.reg-btn{background:#007ce7;}
.login-menu a.log-btn{color:#666; background:#fff;}
.login-menu a.log-btn-disabled{color:#666; background:#aaa;}

.logined-nav{height:30px; line-height:30px; padding:5px;}
.logined-nav span{color:#fff; float:left; display:inline;}
.logined-nav span,.logined-nav > a{padding:0 5px;}
.logined-nav a{color:#fff; float:left; display:inline;}
.logined-nav > a:hover{color:#0088fe;}
.logined-nav .money-operate a,.logined-nav .logged-out{padding:0 15px;}
.logined-nav .money-operate a{background:#f0f0f0; color:#585858; margin-right:1px;}
.logined-nav .money-operate a:hover{background:#dcdcdc;}
.logined-nav .money-operate .transfer-href{border-top-left-radius:4px; border-bottom-left-radius:4px;}
.logined-nav .money-operate .withdraw-href{border-top-right-radius:4px; border-bottom-right-radius:4px;}
.logined-nav .logged-out{background:#cc001b; border-radius:4px;}
.logined-nav .logged-out:hover{background:#e2384e; color:#fff;}

.nav-wrap{background:#fff; position:relative; z-index:1; height:64px; -webkit-box-shadow:0 4px 18px 0 rgba(0, 0, 0, .1); box-shadow:0 4px 18px 0 rgba(0, 0, 0, .1); transition:all .5s ease;}
.nav{height:60px;}
.nav li{float:left; display:inline;}
.nav li > a{position:relative; height:64px; line-height:64px; padding:0 26px; color:#5a5a5a; font-size:14px; *font-weight:bold; display:block; border-left:1px solid #eaeaea;}
.nav li:last-child > a{border-right:1px solid #eaeaea;}
.nav li > a:hover,.nav li:hover > a,.nav li.cur > a{color:#0088fe; border-top:3px solid #0088fe; height:61px; line-height:60px;}
.nav li > a:hover i.icon-select,.nav li.hover > a i.icon-select,.nav li.cur > a i.icon-select{transform:rotate(180deg);}
.nav li > a i{width:8px; height:5px; margin:4px 0 0 10px; vertical-align:text-top; display:inline-block; background-position:0 -99px; transition:all 0.3s ease;}
.nav li > a .nav-hot{background:url(../images/nav/hot.gif) no-repeat 0 0; width:44px; height:20px; position:absolute; top:-3px; right:-10px; z-index:2;}

.nav-drop{background:-moz-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(255,255,255) 74%, rgb(237,237,237) 100%); background:-webkit-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(255,255,255) 74%, rgb(237,237,237) 100%);   background:-ms-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(255,255,255) 74%, rgb(237,237,237) 100%); background-color:#fff; webkit-box-shadow:0 4px 18px 0 rgba(0, 0, 0, .1); box-shadow:0 4px 18px 0 rgba(0, 0, 0, .1);}
.nav-drop{width:100%; height:0; position:absolute; left:0; top:100%; z-index:100; overflow:hidden;}
.nav-drop:after{content:''; display:inline; width:100%; height:36px; background:#f5f5f5; position:absolute; bottom:0; z-index:-1;}
.nav-drop dl dd{width:250px; float:left; display:inline;}
.nav-drop dl dd a{width:100%; height:200px; border-width:0 1px 0 0; display:block; border-left:1px solid #dfdfdf;}
.nav-drop dl dd:last-child a{border-right:1px solid #dfdfdf;}
.nav-drop .hd{height:165px; display:block; overflow:hidden;}
.nav-drop .hd h4{height:40px; line-height:40px; font-size:18px; color:#000; text-align:center;}
.games-drop .hd h4{font-size:16px;}
.nav-drop a:hover .hd h4{color:#0088fe;}
.nav-drop .bd{height:36px; line-height:36px; color:#333; text-align:center; display:block;}

.nav-drop dl dd i{display:block; background:url(../images/nav/nav_hd_spirits.png) no-repeat; width:100px; height:100px; margin:0 auto;}
.nav-drop dl dd.sports-ag i{background-position:-311px -618px;}
.nav-drop dl dd.sports-bb i{background-position:-311px -202px;}
.nav-drop dl dd.sports-im i{background-position:-311px -517px;}
.nav-drop dl dd.sports-saba i{background-position:-311px 0;}
.nav-drop dl dd.sports-hg i{background-position:-311px -308px;}
.nav-drop dl dd.sports-cmd i{background-position:-311px -412px;}
.nav-drop dl dd.sports-bti i{background-position:-308px -931px;}
.nav-drop dl dd.sports-esports i{background-position:-729px 0px;}
.nav-drop dl dd.sports-new188 i{background-position:-311px -724px;}
.nav-drop dl dd.sports-hce i{background-position:-729px -105px;}
.nav-drop dl dd.sports-maja i{background-position:-308px -1060px;}
.nav-drop dl dd.lottery-bb i{background-position:-458px -100px;}
.nav-drop dl dd.lottery-kg i{background-position:-458px -302px;}
.nav-drop dl dd.lottery-ig i{background-position:-458px 0;}
.nav-drop dl dd.lottery-vr i{background-position:-458px -203px;}
.nav-drop dl dd.lottery-imsgwin i{background-position:-458px -624px;}
.nav-drop dl dd.lottery-inum i{background-position:-453px -1362px;}
.nav-drop dl dd.lottery-gpi i{background-position:-452px -1247px;}
.nav-drop dl dd.l-c-ag i{background-position:-20px 2px;}
.nav-drop dl dd.l-c-bb i{background-position:-20px -403px;}
.nav-drop dl dd.l-c-ebet i{background-position:-20px -700px;}
.nav-drop dl dd.l-c-allbet i{background-position:-20px -107px;}
.nav-drop dl dd.l-c-gd i{background-position:-20px -304px;}
.nav-drop dl dd.l-c-bg i{background-position:-20px -1004px;}
.nav-drop dl dd.l-c-ibo i{background-position:-20px -604px;}
.nav-drop dl dd.l-c-hj i{background-position:-20px -903px;}
.nav-drop dl dd.l-c-sexy i{background-position:-20px -1292px;}
.nav-drop dl dd.l-c-tgp i{background-position:-20px -803px;}
.nav-drop dl dd.l-c-ld i{background-position:5px -1000px;}
.nav-drop dl dd.l-c-salon i{background-position:-20px -205px;}
.nav-drop dl dd.l-c-mg i{background-position:5px -600px;}
.nav-drop dl dd.l-c-pt i{background-position:-20px -505px;}
.nav-drop dl dd.l-c-ea i{background-position:-22px -1526px;}
.nav-drop dl dd.l-c-n2 i{background-position:-17px -1407px;}
.nav-drop dl dd.games-ameba i{background-position:-151px -1876px;}
.nav-drop dl dd.games-bb i{background-position:-154px -202px;}
.nav-drop dl dd.games-im i{background-position:-154px -508px;}
.nav-drop dl dd.games-cqg i{background-position:-153px -805px;}
.nav-drop dl dd.games-jdb i{background-position:-157px -998px;}
.nav-drop dl dd.games-pgs i{background-position:-153px -901px;}
.nav-drop dl dd.games-spg i{background-position:-153px -1393px;}
.nav-drop dl dd.games-mg i{background-position:-153px -102px;}
.nav-drop dl dd.games-sw i{background-position:-157px -1295px;}
.nav-drop dl dd.games-pt i{background-position:-150px 0;}
.nav-drop dl dd.games-gpi i{background-position:-152px -1979px;}
.nav-drop dl dd.games-ag i{background-position:-161px -1197px;}
.nav-drop dl dd.games-fish i{background-position:-163px -695px;}
.nav-drop dl dd.games-nt i{background-position:-160px -405px;}
.nav-drop dl dd.games-ab i{background-position:-160px -1005px;}
.nav-drop dl dd.games-yp i{background-position:-160px -1198px;}
.nav-drop dl dd.games-dt i{background-position:-163px -1490px;}
.nav-drop dl dd.games-maja i{background-position:-155px -2302px;}
.nav-drop dl dd.chess-ky i{background-position:-609px -203px;}
.nav-drop dl dd.chess-vg i{background-position:-609px -306px;}
.nav-drop dl dd.chess-aeg i{background-position:-609px -414px;}
.nav-drop dl dd.chess-mt i{background-position:-609px -1px;}
.nav-drop dl dd.chess-sy i{background-position:-609px -102px;}
.nav-drop dl dd.chess-lg i{background-position:-609px -519px;}
.nav-drop dl dd.chess-hl i{background-position:-609px -625px;}
.nav-drop dl dd.chess-gpi i{background-position:-607px -738px;}
.nav-drop dl dd.fish-cqg i{background-position:-9px -1584px;}
.nav-drop dl dd.fish-jdb i{background-position:-8px -2198px;}
.nav-drop dl dd.fish-mwg i{background-position:-8px -2094px;}

/*.esports-drop dl{width:500px; margin:0 auto;}*/

.lottery-drop dl dd{width:171px;}
.l-c-drop dl dd{width:120px;}
.chess-drop dl dd,.sports-drop dl dd{width:150px;}
.games-drop dl dd,.games-drop dl dd i{width:100px;}
.fish-drop dl dd,.fish-drop dl dd i{width:400px;}

/* 焦点图 */
.mod-banner{width:100%; height:300px; position:relative; overflow:hidden;}
.slide-wrap{position:relative; text-align:center; width:100%; height:100%; overflow:hidden;}
.slide-wrap .num{width:100%; position:absolute; bottom:20px; *left:0; z-index:10;}

/*start*/
.slide-wrap .num > span{margin:0 10px; background:rgba(0,0,0,0.5); text-indent:-9999px; display:inline-block; position:relative; cursor:pointer; transition:.3s; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; opacity:0.5; filter:alpha(opacity=50); width: 42px;height: 42px;}
.slide-wrap .num > span em {width:100%; height:100%; position:absolute; clip: rect(0px, 42px, 42px, 21px); left:0;}
.slide-wrap .num .current i{width: 38px;height: 38px;border: 2px solid #0088fe; border-radius: 21px; position:absolute; clip:rect(0px, 21px, 42px, 0px);left:0;}
.slide-wrap .num .current em, .slide-wrap .num .current i{-webkit-animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; -webkit-animation-timing-function:linear; opacity:1; filter:alpha(opacity=100);}
.slide-wrap .num .current em{-webkit-animation-duration: 0.15s; -webkit-animation-delay: 3s; -webkit-animation-name:close-wrapper; }
.slide-wrap .num .current .left {-webkit-animation-duration: 6s; -webkit-animation-name: left-spin;}
.slide-wrap .num .current .right {-webkit-animation-duration: 3s; -webkit-animation-name: right-spin;}
@-webkit-keyframes right-spin {from {-webkit-transform: rotate(0deg);}to {-webkit-transform: rotate(180deg);}}
@-webkit-keyframes left-spin {from {-webkit-transform: rotate(0deg);}to {-webkit-transform: rotate(360deg);}}
@-webkit-keyframes close-wrapper {to {clip: rect(auto, auto, auto, auto);}}
/*end*/

.slide-wrap ul li{position:absolute; left:50%; top:0; display:none;}
.slide-wrap ul li a{display:block;}
.slide-wrap ul li img{position:relative; left:-50%;}
.slide-wrap .slide-arrow{width:40px; height:40px; margin:-10px 15px 0; position:relative; top:50%; z-index:10; background:rgba(0, 0, 0, 0.75); border-radius:25px; transition:.3s;}
.slide-wrap .slide-arrow:hover{background:rgba(31, 45, 61, 0.25);}
.slide-wrap .slide-arrow em{width:20px; height:40px; background:url(../images/slider_arrows.png) no-repeat; background-size:20px; display:block;}
.slide-wrap .slide-prev em{background-position:0 0; margin:1px 8px;}
.slide-wrap .slide-next em{background-position:0 -37px; margin:1px 11px;}

/* 表单 */
.mod-forms label,.mod-forget-passwd li label{line-height:30px;}
.withdraw-psw-tip p a{color:#e04220;}
.withdraw-psw-tip p a:hover{color:#f99d1c;}
.mod-forms-list li span{color:#000;}
.mod-forms-list li div{color:#000;}

/* 注册 */
.mod-reg,.mod-forget-passwd,.mod-error{padding:20px 0;}
.mod-reg .layout,.mod-forget-passwd .layout,.mod-error .layout{overflow:hidden; border:1px solid #e5e5e5; width:998px; background:#fff;}
.mod-reg .hd,.mod-forget-passwd .hd{padding:28px 30px; border-bottom:1px dashed #e3e3e3;}
.mod-reg .hd h3,.mod-forget-passwd .hd h3{font-size:24px; line-height:24px; color:#45B04F;}
.mod-reg .hd p{padding-top:10px; color:#aaa; line-height:12px;}
.mod-reg .hd p span{font-size:14px;}
.mod-reg form{margin-top:30px;}
.mod-reg fieldset,.mod-forget-passwd fieldset{border:1px solid #eee; margin:30px; padding:10px;}
.mod-reg fieldset{border:none; margin:0; padding:0;}
.mod-reg fieldset legend{display:none; font-size:16px; color:#000;}

.mod-reg .agreement{margin:0 160px; color:#aaa;}
.mod-reg .agreement a{color:#a81010; text-decoration:underline;}
.mod-reg .reg-sub a,.mod-forget-passwd .ways a,.mod-error .error-wrap .refresh-btn{width:215px; background:#45B04F; margin:30px 160px; padding:10px 0; color:#fff; text-align:center; display:block;}
.mod-reg .reg-sub a:hover,.mod-forget-passwd .ways a:hover,.mod-error .error-wrap .refresh-btn:hover{background:#45B04F;}

.mod-reg .mod-forms label,.mod-forget-passwd li label{color:#000;}


/* 忘记密码 */
.mod-forget-passwd fieldset legend{font:16px/2.5 "Microsoft YaHei"; color:#c61a2f;}
.mod-forget-passwd .ways span{color:#666;}

/* error 403 */
.mod-error .layout{padding:80px 0;}
.mod-error .error-wrap h3{color:#333;}
.mod-error .error-wrap p{color:#999;}
.mod-error .error-wrap .refresh-btn{width:120px; padding:7px 0; margin:0;}

/* 用户中心 */
.user-ctr,.ag-ctr{padding:20px 0; background:#cdcbcc;}
.user-ctr .layout,.ag-ctr .layout{width:1000px; background:#f1f1f1; overflow:hidden;}

/* 用户中心-导航 */
.item h3.title,.item .item-tab a:hover,.recycle-btn:hover{color:#db9b00;}
.user-ctr .items-tab a:hover,.user-ctr .items-tab a.current,.user-ctr .items-tab a.current:hover{color:#45B04F;}
.item .item-tab a.current{background:#db9b00;}

/* 用户中心-我的优惠 *//* 翻页 */
.page .current,.mod-pt .pt-info li a{color:#db9b00;}/* 不建议用浅色 */
.mod-pt .pt-wrap .unfold:hover,.mod-pt .pt-wrap .fold:hover,.page a:hover{border-color:#db9b00; color:#db9b00;}/* 不建议用浅色 */

/* footer */
.footer{padding:60px 0 0; color:#fff; background:#343434; text-align:center; position:relative;}
.footer p{font-size:12px;}
.footer p.copyright{line-height:50px; width:100%; height:50px; color:#8e8e8e; border-top:1px solid #444;}
.footer-menu-wrap{overflow:hidden; width:100%; padding-bottom:40px; text-align:left;}
.footer-menu-wrap .footer-menu{float:left; height:60px; padding-right:60px; border-right:1px solid #393a3a;}
.footer-menu-wrap .menu-middle{padding:0 60px;}
.footer-menu-wrap .menu-right{border:none; padding-right:0; padding-left:60px;}
.footer-menu .hd{height:30px;}
.footer-menu .bd{height:20px; padding-top:20px;}
.footer-menu h1{font-size:38px; font-weight:inherit; line-height:30px; float:left; margin-top:0; margin-right:3px; color:#0088fe;}
.footer-menu span{display:block; float:left; height:30px;}
.footer-menu span p{font-size:16px; line-height:18px; display:block; margin:0; color:#fff;}
.footer-menu span b{font-size:12px; line-height:12px; font-weight:normal; display:block; margin:0; color:#5e5e5e;}
.footer-menu a{padding:0 9px; font-size:14px; color:#8b8b8b; border-right:1px solid #8b8b8b;}
.footer-menu a:first-child{padding-left:0;}
.footer-menu a:last-child{border:none;}
.footer-menu a:hover{color:#008ffe;}

.bottom-right{width:110px; overflow:hidden; position:fixed; bottom:20px; right:20px; z-index:99;}
.bottom-right ul{float:right; width:110px; position:relative; overflow:hidden;}
.bottom-right ul.on{-webkit-transform:translate3d(0, 47px, 0); -moz-transform:translate3d(0, 47px, 0); -ms-transform:translate3d(0, 47px, 0); -o-transform:translate3d(0, 47px, 0); transform:translate3d(0, 47px, 0);}
.bottom-right ul,.bottom-right li{transition:all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); -webkit-transition:all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.bottom-right li{width:110px; height:42px; margin-bottom:5px; -webkit-transform:translate3d(68px, 0, 0); -moz-transform:translate3d(68px, 0, 0); -ms-transform:translate3d(68px, 0, 0); -o-transform:translate3d(68px, 0, 0); transform:translate3d(68px, 0, 0); background-color: #383b3f; cursor:pointer;}
.bottom-right li:hover{background-color:#0088fe;}
.bottom-right li:hover.go-service{-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.bottom-right i{background:url(../images/floating_sprites.png) no-repeat; display:block; float:left; width:42px; height:42px;}
.bottom-right li span{height:42px; display:block; float:left; margin-left:3px; line-height:42px; color:#fff;}
.bottom-right .go-service i{background-position:0 0;}
.bottom-right .go-top i{background-position:0 -168px;}

body::-webkit-scrollbar {
    width:1em;
}
 
body::-webkit-scrollbar-track {
	background-color:#f1f1f1;
}
 
body::-webkit-scrollbar-thumb {
  background-color:#0088fe;
}

@media screen and (max-width: 1340px) {
  .nav li > a{padding:0 10px;}
}