@charset "UTF-8";

/*!
 * dafa 大发
 * Author: Jacky
 * Update by 2017-08-16
 */

/* 禁用响应 */
@media (min-width:990px){
	.container{width:1200px;}
}
@media (min-width:1200px){
	.container{width:1200px;}
}
.screen-lg .container{width:1200px;}
.container{width:1200px;padding:0;position:relative;overflow:visible;}

/* ==========全局样式========== */
a:hover{text-decoration:none;}
ul{margin:0;}
.navbar-nav > li > a,.navbar-header,.navbar-text{line-height:1;}
.main-promo img{max-width:100%;}
.page-content img{max-width:100%;}
.msgbox .list-group-item{word-wrap:break-word;}
.bootstrap-dialog .modal-header{background-color:#d2373a!important;}
main {background: #f1f2f2;}
/* header */
header { position: relative; top: 0;right: 0;left: 0;z-index: 1001;width: 100%;height: 120px;}
header .static-bar{height:45px;background:#fff;padding: 0 25px;}
header .main-header.fixed .navbar-wrap .logo img {height: 65% !important;position: absolute;top: 50px;}
header .main-header.fixed {position: fixed;width: 100%;height: 45px;padding-top: 45px;top: -45px;}
header .main-header.fixed .static-bar {display: none;}
header .form-wrap{padding-right:12px;}
header .form-wrap form{padding-top:12px;display:inline-block;}
header .form-wrap form .form-group{position:relative;}
header .form-wrap form .form-group .form-control{height:25px;line-height:25px;padding:0 10px;width:160px;color:#8d64aa;border:1px solid #8d64aa;font-size:14px;background-color:#fff!important;}
header .form-wrap form .form-group .form-control:focus{-webkit-box-shadow:none;box-shadow:none;}
header .form-wrap form .form-group.account input{padding-right:50px;}
header .form-wrap form .form-group.password input{padding-right:50px;}
header .form-wrap form .form-group.code input{padding-right:70px;}
header .form-wrap form .form-group.code img{position:absolute;right:0;top:0;width:70px;height:32px;}
header .form-wrap form .form-group .forget-pas{position:absolute;top:0;right:5px;width:25px;color:#373738;line-height:25px;text-align:center;text-decoration:none;font-size:12px;}
header .form-wrap form .btn-register{display:inline-block;vertical-align:middle;color:#fff;height:25px;width:73px;background:#04ace7;text-align:center;line-height:25px;border: 1px solid #04ace7;margin-left: -4px;}
header .form-wrap form .btn-register:hover{color:#04ace7;background: #fff;border: 1px solid #04ace7;-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;}
header .form-wrap form .btn-login{display:inline-block;vertical-align:middle;color:#fff;height:25px;width:73px;background:#8d64aa;text-align:center;line-height:25px;border: 1px solid #8d64aa;margin-left: -5px;}
header .form-wrap form .btn-login:hover{color:#8d64aa;background: #fff;border: 1px solid #8d64aa;-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;}
header .form-wrap .header-panel{height:42px;padding-top:10px;margin-right:10px;display:inline-block;font-size:13px;text-align:right;}
header .form-wrap .header-panel a{color:#8d64aa;padding:0 5px;}
header .form-wrap .header-panel a:hover{color:#333;}
header .form-wrap .header-panel .dropdown{vertical-align:top;}
header .form-wrap .header-panel .dropdown:hover .dropdown-menu{display:block;}
header .form-wrap .header-panel .dropdown-menu{background:#fff;margin-top:0;border-color:#8d64aa;}
header .form-wrap .language-block{display:inline-block;width:75px;height:25px;background:#fff;vertical-align:middle;position:relative;border-left: 2px dotted #8d64aa;padding-left: 10px;margin-left: 15px;}
header .form-wrap .language-block .zh_CN{display:block;width:64px;height:32px;line-height:25px;padding-left:6px;color:#373738;}
header .form-wrap .language-block:after{content:'';width:12px;height:6px;position:absolute;right:8px;top:12px;}
header .form-wrap .language-block .dropdown-menu{width: 125px;border:1px solid #8d64aa;padding:0;left:-60px;}
header .form-wrap .language-block .dropdown-menu li{border-bottom:1px solid #8d64aa;}
header .form-wrap .language-block .dropdown-menu li a{color:#8d64aa;display:block;}
header .form-wrap .language-block .dropdown-menu li:hover{background:#8d64aa;}
header .form-wrap .language-block .dropdown-menu li a:hover {color: #fff;}
header .form-wrap .language-block .dropdown-menu li a{padding-left:50px;background:no-repeat;line-height:30px;height:30px;}
header .form-wrap .language-block .dropdown-menu li.en a{background-position:0 0;}
header .form-wrap .language-block .dropdown-menu li.cn a{background-position:0 -30px;}
header .form-wrap .language-block .dropdown-menu li.zh a{background-position:0 -60px;}
header .form-wrap .language-block .dropdown-menu li.th a{background-position:0 -90px;}
header .form-wrap .language-block .dropdown-menu li.vi a{background-position:0 -120px;}
header .form-wrap .language-block .dropdown-menu li.jp a{background-position:0 -150px;}
header .navbar-wrap{height: 75px;background:#fff;}
header .navbar-wrap .logo{display:inline-block;width: 222px; height: 70px;vertical-align: top;margin: -24px 0 0 50px;}
header .navbar-wrap .logo a{display: block;width: 100%;height: 100%}
header .navbar-wrap .logo a img{height: 100%;}

header .navbar-wrap .navbar {position:absolute;right:45px;display:inline-block;width:calc(100% - 325px);height:35px;margin: 0;}
header .main-header.fixed .navbar-wrap {height: 35px;}
header .navbar-wrap .navbar-sub.fixSub{top: 80px !important;}
header .navbar-wrap .navbar-nav{position:absolute;right:0;display:flex;justify-content:space-between;width: 100%;max-width: 1020px;height:75px;float:unset;}
header .main-header.fixed .navbar-wrap .navbar-nav {height: 35px;}
header .navbar-wrap .navbar-nav > li {text-align: center;}
/*header .navbar-wrap .navbar-nav > li:hover,header .navbar-wrap .navbar-nav > li.active{background:#fff;}*/

header .navbar-wrap .navbar-nav > li:hover > a,header .navbar-wrap .navbar-nav > li.active > a{color:#373737;}
header .navbar-wrap .navbar-nav > li > a{min-width:75px;line-height:35px;color:#8d64aa;font-size:15px;padding: 0;}
header .main-header.fixed .navbar-wrap .navbar-nav > li > a {line-height: 35px;}
header .navbar-wrap .navbar-nav>li span {width: 40px;height: 40px;display: block;background: no-repeat;margin: 0 auto;}
header .main-header.fixed .navbar-wrap .navbar-nav>li span {display: none;}
header .navbar-wrap .navbar-nav>li .icon-index {background-position: 0 0;}
header .navbar-wrap .navbar-nav>li .icon-live {background-position: 0 -80px;}
header .navbar-wrap .navbar-nav>li .icon-casino {background-position: 0 -120px;}
header .navbar-wrap .navbar-nav>li .icon-fish {background-position: 0 -240px;}
header .navbar-wrap .navbar-nav>li .icon-sports {background-position: 0 -40px;}
header .navbar-wrap .navbar-nav>li .icon-lottery {background-position: 0 -160px;}
header .navbar-wrap .navbar-nav>li .icon-chess {background-position: 0 -280px;}
header .navbar-wrap .navbar-nav>li .icon-financial {background-position: 0 -200px;}
header .navbar-wrap .navbar-nav>li .icon-mobile {background-position: 0 -360px;}
header .navbar-wrap .navbar-nav>li .icon-agent {background-position: -10px -190px;}
header .navbar-wrap .navbar-nav>li .icon-openNew {background-position: 0 -400px;}
header .navbar-wrap .navbar-nav>li .icon-promo {background-position: 0 -320px;}
header .navbar-wrap .navbar-nav>li .icon-hotgame {background-position: 0 -440px;}
header .navbar-wrap .navbar-nav>li>a:before{content: "";display: inline-block;width: 0px;height: 0px;border-top: 0.3em solid;border-right: 0.3em solid transparent;border-bottom: 0px;border-left: 0.3em solid transparent;-webkit-transition: all 5s;transition: all 0.5s;position: absolute;right: 15px;top: 35px;opacity: 1;}
header .main-header.fixed .navbar-wrap .navbar-nav>li>a:before {top: 15px;right: 0;}
header .navbar-wrap .navbar-nav>li.active>a:before{transform:scaleX(1.1) rotateZ(-180deg);}
header .navbar-wrap .navbar-sub{top:120px;}

header .navbar.static-bar-game .header-form{overflow: visible;}
header .navbar.static-bar-game .header-form ._vr_loginSuccess a {padding:0 6px;}

@keyframes  myfirst{
	0%{color: #fff;background: #ff0;}
	50%{color: #fff;background: #ff0;}
	51%{color: #ff0;background: #fff;}
	100%{color: #ff0;background: #fff;}
}

/* 每日簽到按鈕 */
._vr_unLogin ._vr_signSwitch{ display: inline-block; height: 25px; line-height: 25px; text-align: center; color: #fff; font-size: 13px; border-radius: 0 !important; padding: 0 10px !important; opacity: 0.9; margin: 0 !important; background: #f12121; border: 1px #f12121 solid; vertical-align: middle; transition: all 0.4s ease;}
._vr_unLogin ._vr_signSwitch:hover{ color: #f12121; border: 1px #f12121 solid; background: #fff;}

/* navbar-sub 二级菜单-样式二 */
.main-header .navbar-sub .api-games-wrap .api-games ul li {position: relative;width: 212px;}
.main-header .navbar-sub .api-games-wrap .api-games ul li .api-item {width: 190px;height: 180px;margin: 10px;background: #fff;border-top-left-radius: 25px;border-bottom-right-radius: 25px;}
.main-header .navbar-sub .api-games-wrap .api-games ul li .api-item dd {width: 90%;height: 100%;position: absolute;top: 0;}
.main-header .navbar-sub .api-games-wrap .api-games ul li .api-item dd p.api-summary {display: none;}
.main-header .navbar-sub .api-games-wrap .api-games ul li .api-item dd p.api-start {width: 100%;height: 100%;}
.main-header .navbar-sub .api-games-wrap .api-games ul li .api-item dd p.api-start a {color: #72518f;}
.main-header .navbar-sub .api-games-wrap .api-games ul li .api-item dd p.api-start a.api-start-text {opacity: 1;top: 145px;width: 85px;margin: 0 auto;font-size: 14px;background-color: #8d64aa;border: 1px solid #8d64aa;color: white;padding: 5px 0;border-radius: 25px;}
.main-header .navbar-sub .api-games-wrap .api-games ul li .api-item dd p.api-start a.api-start-text:hover {background-color: white;color: #8d64aa;}
.main-header .navbar-sub .api-games-wrap .api-games ul li .api-item:hover dd p.api-start a.api-start-name {color: #8d64aa;}
.main-header .navbar-sub .api-games-wrap .api-games ul li .api-item dd p.api-start a.api-start-name {margin-top: 20px;font-size: 14px;}
.main-header .navbar-sub .api-games-wrap .api-games ul li .api-item:hover dd p.api-start a.api-start-name {opacity: 1;}

/* slide */
.home-slide.slide{height:475px;width:100%;}
.home-slide.slide .slide-inner{width:100%;position:absolute;}
.home-slide.slide .slide-inner li{height:475px;}
.home-slide.slide .slide-inner li a{position:absolute;top:0;left:0;width:100%;height:100%;}
.home-slide.slide .slide-indicators ul li {height: 3px;width: 30px;background: rgba(255, 255, 255, 0.5);}
.home-slide.slide .slide-indicators ul .active {background: #fff;}
/* notice */
.notice{height:20px;position:relative;z-index:4;line-height:20px;background:#fff;}
.notice .title{height:20px;width:30px;font-size:13px;float:left;line-height:20px;}
.notice .title .notice-icon {width: 30px;height: 20px;display: inline-block;background: no-repeat;}
.notice .notice-list{float:left;width:1150px;height:20px;overflow:hidden;margin-left:10px;}
.notice .notice-list a{color:#8d64aa;font-size:13px;}
/* index-screen-01 */
.index-screen-01 {width: 100%;height: 360px;background: #f1f2f2;}
.index-screen-01 .home-match-inner {width: 266px;margin: 0 15px;color: #8d64aa;font-size: 24px;display: inline-block;}
.index-screen-01 .home-match-inner .home-dealer {margin-top: 20px;text-align: center;}
.index-screen-01 .home-match-inner .home-dealer img {width: 100%;}
.index-screen-01 .home-match-inner .btn-purple {width: 260px;height: 40px;background: #8d64aa;padding: 5px 20px;position: relative;top: -20px;color: #fff;font-size: 18px;border: #8d64aa solid 1px;text-align: center;border-radius: 25px;display: inline-block;    -webkit-transition: all .4s ease-out;-moz-transition: all .4s ease-out;-o-transition: all .4s ease-out;transition: all .4s ease-out;}
.index-screen-01 .home-match-inner .btn-purple:hover {background: #fff;border: 1px solid #8d64aa;color: #8d64aa;}
/* index-screen-02 */
.index-screen-02 {width: 100%;height: 480px;background-color: #fff;background-repeat: no-repeat;background-position:top center;}
.index-screen-02 .container{height: 100%;}
.index-screen-02 .qr-main-wrapper {background:  no-repeat left bottom;height: 100%;display: flex;align-items: center;justify-content: space-evenly;}
.index-screen-02 .qr-main-wrapper .mobiles-image {width: 530px;display: inline-block;}
.index-screen-02 .qr-main-wrapper .mobiles-image img {width: 100%;}
/*.index-screen-02 .qr-main-wrapper .index-wrapper {float: right;margin-right: 325px;margin-top: 105px;}*/
.index-screen-02 .qr-main-wrapper .index-wrapper .index-inner .qr_code {position: absolute;right: 35px;top: 50px;}
.index-screen-02 .qr-main-wrapper .index-wrapper .index-inner .apple-tab .apple_btn {width: 165px;height: 40px;display: inline-block;text-align: center;background: #fbfafb;border: 1px solid #efefef;color: #38cda8;font-size: 23px;margin: 20px 20px 20px 0;cursor: pointer;}
.index-screen-02 .qr-main-wrapper .index-wrapper .index-inner .apple-tab .apple_btn.active {background: #38cda8;color: #fbfafb;}
.index-screen-02 .qr-main-wrapper .index-wrapper .index-inner p {width: 350px;border: solid 1px #b5b5b5;text-align: center;padding: 10px;display: inline-block;font-size: 15px;}
.index-screen-02 .qr-main-wrapper .index-wrapper .index-inner p a{color: #8d64aa;}
.index-screen-02 .qr-main-wrapper .index-wrapper .index-inner p a:hover{color: #291933;}
.index-screen-02 .qr-main-wrapper .index-wrapper .index-inner .qr_code {}
.index-screen-02 .qr-main-wrapper .index-wrapper{display: flex;}
.index-screen-02 .qr-main-wrapper .index-wrapper .qr_code .qr_bat {width: 200px;height: 200px;float: right;display: none;}
.index-screen-02 .qr-main-wrapper .index-wrapper .qr_code .qr_bat.active {display: block;}
/* -----------------------------------------
  General Banner - Homepage (support IE8)
-------------------------------------------*/

/* footer */
footer{background:#291933;}
footer .row{margin:0;background:#291933;}
footer ul{margin-left:0!important;}

/*Footer 底部*/
footer{position:relative;}
footer .footer-wrap{border-bottom:1px solid #54475c;}

/*bottom-nav 底部导航*/
.bottom-nav{text-align:center;position:relative;}
.bottom-nav > ul{padding:20px 0;margin-bottom:0;}
.bottom-nav > ul li{display:inline-block;padding:0;line-height:13px;font-size:14px;}
.bottom-nav > ul li a{padding:0 10px;color:#776286;}
.bottom-nav > ul li a:hover{color:#bababa;}
.bottom-nav > ul li.border-none{border:0;}
.bottom-nav > ul li + li:before{content:'/';color:#2c4659;}

/*Copyright 版权*/
.copyright-wrap {text-align: center;}
.footer-copyright{padding-top:30px;line-height:22px;font-size:13px;display: inline-block;padding-left:90px;padding-right:0;width:30%;height:135px;color:#776286;background-position:15px center;background-repeat:no-repeat;}
.footer-copyright p{margin:0;display: table;}
.footer-gicc p {display: table;}
.footer-gicc{padding-top:25px;width:25%;line-height:22px;display: inline-block;padding-right:0;height:135px;color:#4C5C6F;}
.footer-gicc p {margin-left: 23%;margin-top: 5px;color: #776286;}
.footer-gicc .icon {border: 5px solid #776286;border-radius: 50%;display: table-cell;position: relative;}
.footer-contact{width:25%;padding-top:30px;height:135px;color:#3D4B5A;display: inline-block;}
.footer-contact .online{float:left;margin-top:-1px;}
.footer-contact .online a{width:80px;font-size:12px;display:block;text-align:center;color:#4C5C6F;}
.footer-contact .online a:hover{color:#46586B;}
.footer-contact .online a:hover span{opacity:0.8;filter:alpha(opacity=80);}
.footer-contact ul.list{margin:0;padding:0;float:left;}
.footer-contact ul.list li{height:22px;line-height:22px;list-style:none;}
.footer-contact ul.list li a{line-height:22px;color:#776286;}
.footer-contact ul.list li a:hover{color:#46586B;}
.footer-contact ul.list li a:hover span{opacity:0.8;filter:alpha(opacity=80);}
.footer-contact ul.list li span{margin-top:22px;text-indent:-9999px;}
.copyright-wrap .icon{width:60px;height:60px;background-repeat:no-repeat;}
.footer-contact .icon-CustomerService{background-position: 0 0;display: inline-block}
.footer-gicc .icon-card{background-position:-3px -64px;}
.footer-gicc .icon-trading{background-position:-3px -123px;left: 20px;}
.footer-gicc .icon-security{background-position:-4px -185px;left: 40px;}
/* 友情链接及 */
.f-link{position:relative;text-align:center;border-top: 1px solid #54475c;}
.f-link ul{background:left 4px no-repeat;margin-bottom:0;padding:20px 0 20px 125px;}
.f-link ul li a{opacity:0.3;color: #2b445a;}
.f-link ul li a:hover{opacity:0.8;}

/* Sprite  合作 图标 */
.plogo{display:inline-block;vertical-align:middle;min-width:32px;height:32px;background:no-repeat;cursor:pointer;}
.plogo.bbin{background-position:0 0;width:60px;}
.plogo.hg{background-position:-62px 0;width:75px;}
.plogo.mg{background-position:-140px 0;width:85px;}
.plogo.pt{background-position:-230px 0;width:95px;}
.plogo.ow{background-position:-330px 0;width:86px;}
.plogo.ag{background-position:-420px 0;width:42px;}
.plogo.ea{background-position:-470px 0;width:100px;}
.plogo.fc{background-position:0 -65px;width:138px;}
.plogo.tw{background-position:-142px -65px;width:116px;}
.plogo.ei{background-position:-261px -65px;width:36px;}
.plogo.kg{background-position:-580px 0;width:90px;}
.plogo.down-ico-ph{background-position:-301px -65px;width:16px;}
.plogo.down-ico-pc{background-position:-334px -65px;width:16px;}
.plogo.df-s{background-position:-400px -65px;width:80px;}
.plogo.pl{background-position:-500px -65px;width:100px;}

/* game-item */
.game-item{display:inline-block;width:204px;height:220px;margin:0 auto 20px;background:#0f101a;}
.game-item .item{width:204px;height:143px;position:relative;display:block;overflow:hidden;background:#080a14;}
.game-item .item .game-img{width:204px;height:143px;position:absolute;overflow:hidden;z-index:0;}
.game-item .item .game-img img{max-width:100%;opacity:0.95;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:scale3d(1.05,1.05,1);transform:scale3d(1.05,1.05,1);}
.game-item:hover .item .game-img img{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
.game-item .item .cover{width:100%;height:100%;position:absolute;z-index:5;overflow:hidden;}

.game-item .item .cover::before{position:absolute;top:0;left:0;width:110%;height:110%;background:rgba(255,255,255,0.6);content:'';-webkit-transition:-webkit-transform 0.8s;transition:transform 0.8s;-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);}
.game-item:hover .item .cover::before{-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);}

.game-item .item .cover .cover-bg{width:100%;height:100%;position:absolute;top:0;left:0;opacity:.85;}
.game-item .item .cover .cover-name{width:100%;height:20px;position:relative;margin-top:60px;line-height:20px;color:#eee;text-align:center;z-index:2;text-shadow:0 1px 0 #000;opacity: 0;}
.game-item .item canvas{width:204px;height:143px;position:absolute;z-index:10;}
.game-item .title{text-align:center;}
.game-item .title a{display:block;color:#f5a718;height:32px;border-bottom:1px solid #535354;}
.btn-play{margin-top:6px;text-align:center;display:inline-block;width:100px;height:30px;border-radius:3px;line-height:30px;}
.game-item .title .btn-play{display:block;width:100%;border:0;border-radius:0;height:36px;line-height:36px;color:#fff;background:#ba3234;}
.game-item:hover .title .btn-play{background:#ffd400;}
.game-item:hover .title .btn-play{color:#000;}
.btn-more{width:184px;background:#0f101a;color:#fff;height:36px;line-height:36px;}
.btn-more:hover{color:#f5a718;}

/* api-tabs */
.api-tabs{width: 100%;display: flex;padding:0;border: none;background: #fff;flex-wrap: wrap;}
.api-tabs > li{ flex: auto;border-bottom:1px solid #7f7f7f;position:relative;height:60px;line-height: 60px;padding: 0;background:linear-gradient(#dfb2ff,#8d64aa);}
.api-tabs > li + li:before{position:absolute;width:2px;height:48px;content:'';left:-1px;top:0;}
.api-tabs > li > a{height: 60px;text-shadow: none;}
.api-tabs > li > a:link,.api-tabs > li > a:visited,.api-tabs > .disabled:hover > a{color:#fff;}
.api-tabs > li > a:hover{color:#8d64aa!important;}
.api-tabs > li:hover > a p{color:#8d64aa!important;}
.api-tabs > li > a:link,.api-tabs > li > a:visited,.api-tabs > .disabled:hover > a{color:#fff;}
.api-tabs > li + li,.api-tabs > li.active,.api-tabs > li:first-child.active,.api-tabs > li:last-child.active{border:none;}
.api-tabs > li:last-child{border-right:0;}
.api-tabs>li>a>p{color:#fff;font-size:12px;margin:0;white-space:normal;line-height: 16px;display: block;}
.api-tabs.sports-tabs > li + li:before,.api-tabs.lottery-tabs > li + li:before{width:2px;height:60px;}

/* Bounce To Right */
.hvr-bounce-to-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.5s;transition-duration:0.5s;}
.hvr-bounce-to-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#f5e9ff;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.hvr-bounce-to-right:hover,.hvr-bounce-to-right:focus,.hvr-bounce-to-right:active{color:white;}
.api-tabs>li.active .hvr-bounce-to-right:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66);transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66);}
.api-tabs>li:hover .hvr-bounce-to-right:before,.api-tabs>li:focus .hvr-bounce-to-right:before,.api-tabs>li.active:hover .hvr-bounce-to-right:before{background:#fff;-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66);transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66);}
/* Wobble Top */
@-webkit-keyframes hvr-wobble-top{
	16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg);}
	33.3%{-webkit-transform:skew(10deg);transform:skew(10deg);}
	49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg);}
	66.6%{-webkit-transform:skew(4deg);transform:skew(4deg);}
	83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg);}
	100%{-webkit-transform:skew(0);transform:skew(0);}
}
@keyframes hvr-wobble-top{
	16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg);}
	33.3%{-webkit-transform:skew(10deg);transform:skew(10deg);}
	49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg);}
	66.6%{-webkit-transform:skew(4deg);transform:skew(4deg);}
	83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg);}
	100%{-webkit-transform:skew(0);transform:skew(0);}
}
.hvr-wobble-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transform-origin:0 100%;transform-origin:0 100%;}
.api-tabs>li:hover .hvr-wobble-top,.api-tabs>li:focus .hvr-wobble-top,.api-tabs>li.active .hvr-wobble-top{-webkit-animation-name:hvr-wobble-top;animation-name:hvr-wobble-top;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1;}

/* Trim */
.hvr-trim{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;}
.hvr-trim:before{content:'';position:absolute;border:#fae39e solid 2px;border-radius:8px;top:4px;left:4px;right:4px;bottom:4px;opacity:0;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:opacity;transition-property:opacity;}
.hvr-trim:hover:before,.hvr-trim:focus:before,.hvr-trim:active:before{opacity:1;}

/* Buzz */
@-webkit-keyframes hvr-buzz{
	50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg);}
	100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg);}
}
@keyframes hvr-buzz{
	50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg);}
	100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg);}
}
.hvr-buzz{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;}
.hvr-buzz:hover,.hvr-buzz:focus,.hvr-buzz:active{-webkit-animation-name:hvr-buzz;animation-name:hvr-buzz;-webkit-animation-duration:0.15s;animation-duration:0.15s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
/* =============== casino 电子=================== */
.main-casino .casino > .container .api-nav .swiper-container .swiper-slide a {position:relative;}
.main-casino .casino > .container .api-nav .swiper-container .swiper-slide a span.gui{position: absolute;left: 30%;transform: translateX(-50%);}
.main-casino .casino > .container .api-nav .swiper-container .swiper-slide a em{position: absolute;left: 50%;margin-left: 16px;}

/* =============== live 视讯 =================== */
main.main-live {background: #fff;}
.live-wrap .live-contant .col-3-1 {margin: 15px 0;}
.live-wrap .live-contant .col-3-1:before {z-index: 1;content: "";width: 94%;height: 0;position: absolute;top: 0;left: 3%;border-bottom: 32px solid transparent;border-left: 32px solid #fff;border-right: 32px solid #fff;}
.live-wrap .live-contant .col-3-1:after {z-index: 1;content: "";width: 94%;height: 0;position: absolute;bottom: 0;left: 3%;border-top: 32px solid transparent;border-left: 32px solid #fff;border-right: 32px solid #fff;}
.publicvisbox { margin: 0 auto; width:372px; height:206px;background: #e6dded;overflow: hidden;}
.publicvisbox a{display: block;}
.live-wrap .live-contant .live-back-img {position: absolute;-webkit-transition: all 350ms ease;transition: all 350ms ease;}
.live-wrap .live-contant .pic-box .live-back {opacity: 0;}
.live-wrap .live-contant .pic-box:hover .live-back {opacity: 1;}
.live-wrap .live-contant .pic-box .live-round-back {position:absolute;width:258px;height:206px;opacity: 1;padding-left: 112px;top: 0;-webkit-transition: opacity .5s ease-out;-moz-transition: opacity .5s ease-out;-o-transition: opacity .5s ease-out;transition: opacity .5s ease-out;}
.live-wrap .live-contant .pic-box:hover .live-round-back {opacity: 0;}
.main-live .live-wrap .live_tile {width:372px; height:206px;}
.main-live .live-wrap .live_tile .live_figure {position: absolute;right: 3%;}
.main-live .live-wrap .live_tile .live-pic-test {font-size: 23px;color: #212529;position: relative;top: 70px;left: 25px;}
.main-live .live-wrap .live_tile:hover .live-pic-test {color: #fff;}
.main-live .live-wrap .live_tile .live-start-btn {position: relative;left: 25px;top: 80px;color: #8d64aa;border-radius: 25px;padding: 2px 10px;background: #f6e609;font-size: 13px;}
.main-live .live-wrap .live_tile .live-start-btn:hover {filter: brightness(1.2);}

/* =============== sports 体育 =================== */
.main-sports {background:center top;}
.main-sports .sports-box{width:1224px;margin:0 auto;min-height:768px;text-align:center;background:#fff;border:1px solid #868c9a;}
.main-sports .bulk-frame{position:relative;}
.main-sports .sports-hg-fix{position:absolute;display:none;width:100px;height:25px;background:#493721;top:100px;left:137px;}
.main-sports .sports-box.hg .sports-hg-fix{display:block;}
.main-sports .sports-box.hg .api-tabs{margin-bottom:0;}
.sports-box.hg{background:#fff;}
.main-sports .sports-box > .h1{color:#dc3834;}
.main-sports .sports .api-tabs li{height: 60px;}
.main-sports .sports .api-tabs li a{height: 60px;}
#screen_F .full-screen a {background: linear-gradient(#cd86ff,#8d64aa);}
.main-sports .sports .api-tabs .col-4-1.active a {color: #8d64aa;}

/* =============== fish 捕鱼 =================== */
.huntfish .main-fish .huntfishtitle{ margin: -25px auto; left: 0; right: 0 !important; }
.huntfish .main-fish #huntfishtitle-list{ margin: -40px auto 0 !important; left: 0; right: 0 !important; position: absolute; float: none !important; top: 304px;}

/* =============== lottery 彩票 =================== */
.main-lottery {background: #fff;}
.main-lottery .lottery .lottery_inner {width: 500px;height: 600px;display: inline-block;margin: 40px 39px;position: relative;}
.main-lottery .lottery .lottery_inner a {width: 500px;height: 600px;display: inline-block;position: relative;}
.main-lottery .lottery .lottery_inner a:before {z-index: 1;content: "";width: 100%;height: 0;position: absolute;top: 0;left: 0;border-bottom: 50px solid transparent;border-left: 50px solid #fff;border-right: 50px solid #fff;}
.main-lottery .lottery .lottery_inner a:after {z-index: 1;content: "";width: 100%;height: 0;position: absolute;bottom: 0;left: 0;border-top: 50px solid transparent;border-left: 50px solid #fff;border-right: 50px solid #fff;}
.main-lottery .lottery .lottery_inner .lottery_title {width: 210px;height: 51px;text-align: center;position: absolute;left: 50%;margin-left: -105px;color: #fff;font-size: 18px;padding-top: 9px;}
.main-lottery .lottery .lottery_inner .lottery_img {text-align: center;position: relative;top: 50%;}
.main-lottery .lottery .lottery_inner .lottery_img .enter {width: 260px;height: 80px;background: #fff;display: inline-block;border-radius: 50px;font-size: 16px;text-align: center;line-height: 80px;color: #8d64aa;    -webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;}
.main-lottery .lottery .lottery_inner .lottery_img .enter:hover {background:#8d64aa;color: #fff;}

/*公共彩票樣式*/
.lottery .carousel-inner .api-tabs{border: 1px solid #333;border-radius: 0;}
.lottery .carousel-inner .api-tabs li{border: none;}
.lottery .carousel-inner .api-tabs li + li{border-left: 1px solid #262626;}
.lottery .carousel-inner .api-tabs li:not(:last-child){border-right: 1px solid #090909;}
.lottery .game-list{padding: 20px;background-color: #E6DDED;border: 1px solid #E6DDED;border-top: none;}
.lottery .game-list .nav-lottery-tabs li{border-color: #333333;background: linear-gradient(#dfb2ff,#8d64aa) !important;}
.lottery .game-list .nav-lottery-tabs li.active{background: #fff !important;}
.lottery .game-list .nav-lottery-tabs li + li{border-top: none;}
.lottery .game-list .nav-lottery-tabs li a{color: white;}
.lottery .game-list .nav-lottery-tabs li.active a{color: #8d64aa;}
.lottery .game-list .col-5-4{padding-right: 0;}
.lottery .game-list .game-item{width: 100%;height: auto;border-radius: 10px;background: linear-gradient(#dfb2ff,#8d64aa);border: 1px solid #333;margin-bottom: 20px;float: left;transition: all 300ms;}
.lottery .game-list .game-item .item{display: block;width: 90%;margin: 5%;padding: 6px;background-color: #E6DDED;}
.lottery .game-list .game-item .item .game-img{width: 100%;height: 100%;position: relative;text-align: justify;line-height: normal;margin-top: 0;}
.lottery .game-list .game-item .item .game-img img{width: 90%;position: relative;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%) rotateZ(0deg);transition: all 300ms;}
.lottery .game-list .game-item:hover .item .game-img img{width: 80%;transform: translateX(-50%) translateY(-50%) rotateZ(45deg);}
.lottery .game-list .game-item .item .game-img .cover{display: block;border-radius: 8px;opacity: 0;transition: all 300ms;}
.lottery .game-list .game-item:hover .item .game-img .cover{opacity: 1;}
.lottery .game-list .game-item .item .game-img .cover .cover-bg{width: 100%;height: 100%;background-image: linear-gradient(to bottom,#363636,#282828);position: absolute;opacity: .6;}
.lottery .game-list .game-item .item .game-img .cover .cover-name{height: 18%;margin: 41% auto;border-radius: 15px;border-style: none;background-color: #ffcf1b;}
.lottery .game-list .game-item .title{width: 100%;height: auto;padding: 0;}
.lottery .game-list .game-item .title a{display: block;width: 100%;height: auto;text-align: center;line-height: 60px;top: auto;margin: auto;color: white !important;background-color: initial;background-image: none;box-shadow: none;transition: all 300ms;}
.lottery .game-list .game-item:hover .title a{color: #ffcf1b !important;background-color: transparent;}
.lottery .api-tabs>li.active a, .lottery .api-tabs>li>a:hover{color: #8d64aa !important;}
/* Float Shadow */
.hvr-float-shadow{display:block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;}
.hvr-float-shadow:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;background:-webkit-radial-gradient(center,ellipse,rgba(0,0,0,0.35) 0%,transparent 80%);background:radial-gradient(ellipse at center,rgba(0,0,0,0.35) 0%,transparent 80%);  /* W3C */-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform,opacity;transition-property:transform,opacity;}
.hvr-float-shadow:hover,.hvr-float-shadow:focus,.hvr-float-shadow:active{-webkit-transform:translateY(-5px);transform:translateY(-5px);  /* move the element up by 5px */}
.hvr-float-shadow:hover:before,.hvr-float-shadow:focus:before,.hvr-float-shadow:active:before{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px);  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */}

/* =============== promo 优惠 =================== */
main.main_promo {padding-top: 20px;}
#promo_style .promo-top-bar > ul li.active {background: #8d64aa;}
#promo_style .promo-top-bar > ul li.active:after {border-top: 5px solid #8d64aa;}
#promo_style .promo-top-bar .search-bar .btn-search {background: #04ace7;border: 1px solid #04ace7;}
#promo_style .list_type2_item_tit {color: #8d64aa;}
#promo_style .list-type1 .promo-item {border: 1px solid #ae61e5;}
#promo_style .list-type1 .promo-item .shadow .btn-apply {border: 1px solid #8d64aa;background: #8d64aa;-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;}
#promo_style .list-type1 .promo-item .shadow .btn-apply:hover {border: 1px solid #8d64aa;background: #fff;color: #8d64aa;}
#promo_style .list-type1 .promo-item .shadow {background: rgba(141, 100, 170, 0.5);}
.layui-layer.layui-layer-info .layui-layer-setwin .layui-layer-close {border: 3px solid #8d64aa;color: #8d64aa;}
.layui-layer.layui-layer-info .layui-layer-title {background: #8d64aa;}
.layui-layer.layui-layer-info .layui-layer-btn a {border-color: #8d64aa;background-color: #8d64aa;}
.layui-layer.promo_detail .layui-layer-content .promo-content .content p { text-indent: 0; }
.layui-layer.promo_detail .layui-layer-content .promo-content .content p img{max-width: 100%;}

/* =============== about 关于 =================== */
.main-about {padding: 10px 0;}
.main-about .about .container{background:#fff;padding:20px;}
.main-about .col-5-1{padding:0;}
.main-about .page-left{width:280px;background:#eeeeee;text-align:center;position: relative;min-height: 780px;}
.main-about .page-left .side-bar-title{height:60px;background-color:#C8B264;text-align:center;}
.main-about .page-left .side-bar-title h2{margin:0;padding-top:16px;font-size:18px;line-height:20px;font-weight:normal;}
.main-about .page-left .side-bar-title p{margin:0;}
.main-about .page-left .list-group{background-color:#333;}
.main-about .page-left .list-group-item{padding:0;width:280px;background:#eee;height:40px;text-align:left;line-height:40px;color:#000;text-decoration:none;border:0;display:inline-block;}
.main-about .page-left .list-group-item:hover,.main-about .page-left .list-group-item.active{color:#fff;background:#8d64aa;}
.main-about .page-left .list-group-item>span{display:inline-block;width:30px;height:30px;margin:0 20px 0 70px;float:left;margin-top:5px;}
.main-about .page-left .list-group-item>span.live-icon{background-position:0 -30px;}
.main-about .page-left .list-group-item>span.lottery-icon{background-position:0 -60px;}
.main-about .page-left .list-group-item>span.sports-icon{background-position:0 -90px;}
.main-about .page-left .list-group-item:hover span,.main-about .page-left .list-group-item.active span{background-position:-30px 0;}
.main-about .page-left .list-group-item:hover span.live-icon,.main-about .page-left .list-group-item.active span.live-icon{background-position:-30px -30px;}
.main-about .page-left .list-group-item:hover span.lottery-icon,.main-about .page-left .list-group-item.active span.lottery-icon{background-position:-30px -60px;}
.main-about .page-left .list-group-item:hover span.sports-icon,.main-about .page-left .list-group-item.active span.sports-icon{background-position:-30px -90px;}
.main-about .col-4-3 > .page-content{background:#eee;padding:20px;}
.main-about .col-4-3 > .page-content p{color:#333;text-indent:0!important;margin-bottom:1.2em;}
.main-about .col-4-3 > .page-content h3,.main-about .col-4-3 > .page-content h4,.main-about .col-4-3 > .page-content h5{color:#8d64aa;}
.main-about .page-content img{position: absolute;bottom: 0;left: 10px;}
/*======== register 注册================*/
.main-register .register .register-box .clearfix {background: #fff;border-radius: 15px;padding: 10px 0;}
 .main-register .code img{margin-left: -25px;}
.main-register form{color:#34404c;}
.main-register .register .clearfix_test {color:#2c649b;height:95px;background-color:#8d64aa;border-radius: 15px;margin: 15px 0;}
.main-register .register .clearfix_test .icon-plus{width:200px;height:95px;display:inline-block;color: #fff;background:no-repeat 20px 30px;padding: 30px 50px;}
.main-register .register .clearfix_test .text{width: 80%;float:right;color: #fff;padding-right:15px;padding-top:20px;line-height:20px;}
.main-register .register .clearfix_test .text p {margin: 0;}
.text-danger{color: #f44b4c;}
.form-horizontal .control-label{color: #3f3a46;font-size: 14px;font-weight: inherit;}
.form-horizontal .checkbox .control-label{color: #3475b4;font-size: 11px;}
.register-box .form.border-color-red a{margin-left:3px;margin-right:3px;padding-left:3px;padding-right:3px;color:#fff;}
.main-register .account-info{padding:7px 35px;font-size:16px;color:#fff;background:#73B3F2;}
.static-bar.container{position: relative;}
.register-box  .form .form-title{float:left;width:100%;margin-top:6px;margin-bottom:30px;min-width:100px;}
.register-box .form .form-title span{padding:10px 25px;font-size:16px;color:#8d64aa;}
.register-box .form-control{padding:0 4px;border:1px solid #ced4da;border-radius:0;text-align:left;height: 32px;}
.register-box .form.border-color-red{border:none;min-height:0;margin:0px 0 0 90px;padding: 0;}
.register-box .form.border-color-red .form-title span{background-color:#F27374;}
input[type="checkbox"], input[type="radio"]{width: 16px;height: 16px;border: 1px solid #a7c6e8;box-shadow: none;text-shadow: none;}
.register-box  .check{margin-left:0;margin-right:0;text-align:center; }
.register-box  .check .btn{ width:100%;height:50px;margin:20px 0;color:#fff;font-size:14px;border:1px solid #8d64aa;background-color:#8d64aa;border-radius: 15px;-webkit-transition:all .2s ease 0s;-moz-transition:all .2s ease 0s;-o-transition:all .2s easet 0s;transition:all .2s easet 0s;}
.register-box  .check .btn:hover{background-color:#fff;border: 1px solid #8d64aa;color: #8d64aa;}
input:focus::-webkit-input-placeholder { color:transparent; } input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */ input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */ input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

/*==================== agent 代理 ====================*/
.heaer_agent .static-bar .logo {position: absolute;top: 20px;}
.heaer_agent .navbar-wrap .navbar-nav{float: right;}
.heaer_agent .navbar-wrap .navbar-nav>li>a:before {display: none;}
.main-agent .agent-navbar{margin-top:6px;}
.main-agent .agent-navbar a{color:#FAFFCD;}
.main-agent .slide .slide-indicators ul .active{background:#ab7610;}
.main-agent .agent .slide,.main-agent .agent .slide .slide-inner li{height:630px;}
.main-agent .agent-slide > .slide > .slide-inner{width:100%;}
.main-agent .agent-slide > .slide,.main-agent .agent-slide > .slide > .slide-inner li,.main-agent .agent-slide > .slide > .slide-inner li a{height:630px;}
.main-agent .agent-content-wrap{background:#eee;min-height:630px;-webkit-box-shadow:inset 1px 1px 15px 5px rgba(0,0,0,0.4);box-shadow:inset 1px 1px 15px 5px rgba(0,0,0,0.4);}
.main-agent .agent-content{padding:50px 20px 40px;color:#444;}
.main-agent .agent-content h1,.main-agent .agent-content h2,.main-agent .agent-content h3,.main-agent .agent-content h4,.main-agent .agent-content h5,.main-agent .agent-content h6{margin:1em 0;font-weight:bold;text-shadow:none;}
.main-agent .agent-content .title{font-weight:bold;}
.main-agent .agent-content .title small{display:block;height:40px;line-height:40px;text-shadow:none;}
.main-agent .agent-content .table{color:#333;}
.main-agent .agent-contact-list{height:50px;line-height:50px;margin:0;text-align:center;}
.main-agent .agent-contact-list li{font-size:14px;margin-right:20px;color:#b5b5b5;}
.main-agent .agent-contact-list li .gui{line-height:50px;margin-right:10px;}
.main-agent .agent-navbar li.active a{color:#FFEB3B;}

/* ===============page-error 错误页面=================== */
.main-error .error-code{min-height:633px;color:#fff;padding:10px;}

/* ===============注册框=================== */
.layui-layer.layui-layer-brand .layui-layer-setwin .layui-layer-close {border: 3px solid #8d64aa;color: #8d64aa;}
.layui-layer.layui-layer-brand .layui-layer-title {background: #8d64aa;}
.layui-layer.notice-dialog.notice-dialog-two-btn .layui-layer-btn a.active {    border-color: #8d64aa !important;background-color: #8d64aa !important;}

/*==================== aside 侧边广告 ====================*/
/* aside-float 公共不可修改 */
.aside-float{position:fixed;z-index:2000;}
.aside-float li{width:148px;background-repeat:no-repeat;}
.aside-float li a{width:100%;height:100%;line-height:40px;background-repeat:no-repeat;display:inline-block;filter:alpha(opacity:0);opacity:0;-webkit-transition:opacity 200ms ease-in-out;-moz-transition:opacity 200ms ease-in-out;-ms-transition:opacity 200ms ease-in-out;-o-transition:opacity 200ms ease-in-out;transition:opacity 200ms ease-in-out;}
.aside-float li a:hover{opacity:1;}
/* aside-diy 自定义 */
.aside-diy-01{}
.aside-diy-02{}
.ads{width: 165px;height:165px;position: fixed;bottom: 10px;left: 10px;z-index: 10001;}
.ads:before{content: '';width: 165px;height: 165px;position: absolute;left: 0;top: 0;animation: spin infinite linear 20s;}
.ads:after{content: '';position: absolute;width: 89px;height: 118px;left: 50%;margin-left: -44px;top: 50%;margin-top: -56px;}
.ads a{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 1;}
.ads .close{width: 24px;height: 24px;position: absolute;top: -12px;right: -12px;z-index: 2;}
.swf-movie{position: fixed;bottom: 10px;right: 5px;z-index: 11;}

