/*!
 * cobo
 * 188hg1116
 * Author: best
 * Update by 2019-7-22
 */

/*==================== common 公共 ====================*/
a:hover { text-decoration: none; }
.font-sm { font-size: 12px; }
.container {  padding: 0; overflow: visible; }
header .container { width: 1440px !important; padding: 0; overflow: visible; }
main { margin-top: 70px; }
main .container { width: 1200px !important; }
.static-bar{background:#000}
.slogo img{width:250px;margin-top: -13px;}
.static-left,.static-right{display:inline-block}
.static-right .header-panel{line-height:0 !important}
.gui-logo-hg:before {content: "\e932" !important;}
.nav-2-1 .apiicon.hg {background-position: -800px -100px !important;}
/*===================  header  ===================*/
.navbar.navbar-default { position: fixed; top: 0; z-index: 1000; width: 100%; height: 70px; margin-bottom: 0; border-bottom: 1px solid #363636; background-color: #363636; transition: .3s;}
.navbar.navbar-default .navbar-header .logo { width: 200px; height: 70px; line-height: 70px; vertical-align: middle; overflow: hidden; }
.navbar.navbar-default .navbar-header .logo a { display: block; }
.navbar.navbar-default .navbar-header .logo object { width: 100%; height: 100%; }
/*12宽度 媒体查询*/
@media (max-width: 1367px) {
	header .container{width: 1376px !important;}
	/*header .navbar.navbar-default{height: 90px;}*/
	/*header .navbar.navbar-default .navbar-header .logo{    height: 90px;line-height: 90px;}*/
	/*header .navbar.navbar-default .nav.navbar-nav{width: 614px; height: 90px;}*/
	/*header .navbar.navbar-default .nav.navbar-nav li a{ line-height: 90px;}*/
	/*header .navbar.navbar-default .form-inline .form-group{display: inline-block;margin-bottom: 10px;}*/
	/*header .navbar.navbar-default .static-right .form-inline{position: relative}*/
	/*header .navbar.navbar-default .static-right .form-inline .form_control_1{position: absolute;left: 185px;bottom: -2px;}*/
	header .navbar.navbar-default .container{width: 1440px!important;;}
	header .navbar.navbar-default .static-right .form-inline .form_control_0 a{width: 40px}
	header .navbar.navbar-default .static-right .form-inline .form_control_0 > a:last-child{}
	/*header .navbar.navbar-default .header-panel._vr_loginSuccess{margin: 15px 0 0 0;}*/
	header .navbar.navbar-default .static-right .form-inline input{width: 76px;}
	header .navbar.navbar-default .static-right .form-inline .input-group{width: 76px;}
	/*header .navbar.navbar-default .static-right .form-inline .input-group img { max-width: 41px;}*/
}

.navbar.navbar-default .navbar-header .logo img { max-width: 100%; max-height: 100%; }
.navbar.navbar-default .nav.navbar-nav { display: flex;height: 70px; width: 630px; }
.navbar.navbar-default .nav.navbar-nav li { flex: auto; }
.navbar.navbar-default .nav.navbar-nav li a { display: block; line-height: 70px; padding: 0 ; font-size: 14px; color: #b4b4b4; text-align: center; font-weight: bold; }
.navbar.navbar-default .nav.navbar-nav li.active a,
.navbar.navbar-default .nav.navbar-nav li:hover a { color: #fff; }
.navbar.navbar-default .static-right { max-width: 600px; height: 70px;transform: translateX(70px);}
.navbar.navbar-default .static-right .form-inline { margin-top: 10px; }
.navbar.navbar-default .static-right .form-inline .input-group { width: 116px; overflow: hidden; position: relative; }
.navbar.navbar-default .static-right .form-inline input { width: 116px; height: 30px; border-radius: 3px; border: none; }
.navbar.navbar-default .static-right .form-inline .input-group img { position: absolute; right: 0; max-width: 68px; height: 30px; z-index: 999; }
.navbar.navbar-default .static-right .form-inline .form_control_0 a { width: 67px; height: 30px; line-height: 30px; background: #b4b4b4; color: #363636; padding: 0; transition: all .2s; }
.navbar.navbar-default .static-right .form-inline .form_control_0 a.btn-register { background-color: #ff9200; color: #fff; border: solid 1px #ff9200; }
.navbar.navbar-default .static-right .form-inline .form_control_0 a:hover { background: #da7d00; }
.navbar.navbar-default .static-right .form-inline .form_control_0 a.signIn{background:#1e9fff;color: #fff;border: 1px solid #1e9fff; }
.navbar.navbar-default .static-right .form-inline .form_control_0 a.signIn:hover{background:#337ab7}
.navbar.navbar-default .static-right .form-inline .form_control_1 a { padding: 0; border: none; line-height: 20px; font-size: 12px; color: #b4b4b4; margin-right: 10px; display: inline-block; }
.navbar.navbar-default .static-right .form-inline .form_control_1 a:hover { color: #fff; }
.static-right .header-login { margin-top: 10px; }
.static-right .header-login a { margin-left: 10px; cursor: pointer; display: inline; float: left; height: 22px; line-height: 200px; width: 66px; overflow: hidden; }
.header-panel._vr_loginSuccess { border: 1px solid #999; margin-top:10px; margin-right: 100px;padding: 3px;}
.header-panel._vr_loginSuccess > div:first-child { border-bottom: 1px solid #999; }
.header-panel._vr_loginSuccess > div > a,
.header-panel._vr_loginSuccess > div > div > a:first-child { padding: 0 5px; color: #fff; font-size: 12px; line-height: 2.3em; border-right: 1px solid #999; }
.header-panel._vr_loginSuccess > div > a:hover,
.header-panel._vr_loginSuccess > div > div > a:first-child:hover { color: #ff0; }
.header-panel._vr_loginSuccess > div > a:last-child { border-right: none; }

/*===================  notice  ===================*/
.notice .container { padding: 0 10px; }
.notice .gui-notification:before { font-size: 18px; line-height: 36px; color: #c1b6ab; }
.notice .notice-list { width: 1150px; overflow: hidden; height: 36px; line-height: 36px; font-size: 12px; }
.notice .notice-list a { color: #58402a; }

/*===================  index-slide  ===================*/
.index-slide,
.index-slide .slide,
.index-slide .slide .slide-inner,
.index-slide .slide .slide-inner li,
.index-slide .slide .slide-inner li a { height: 600px; }
.index-slide .slide { overflow: hidden; }
.index-slide .slide-indicators { padding: 0; bottom: 20px; }
.index-slide .slide .slide-indicators ul li { width: 8px; height: 8px; border-radius: 50px; margin: 1px 8px; opacity: 1; background: #fffcba; }
.index-slide .slide .slide-indicators ul li.active { width: 10px; height: 10px; margin: 0 7px; background: #ffae35; }
.carousel-indicators li{background: #fffcba !important;width: 8px;height: 8px;border: none;}
.carousel-indicators .active{background: #ffae35 !important;border: none;width: 8px;height: 8px;}
/* ==========  index  体育赛事========== */
section.index-screen-sports {padding: 20px 0;}
section.index-screen-sports.index-screen-sports--gray {background: #eeeeee;}
section.index-screen-sports h2 {color: #6a6a6a;text-align: center;margin-top: 30px;}
section.index-screen-sports h4 {color: #989898;text-align: center;}
section.index-screen-sports .index-sports { position: relative; width: 100%;overflow: hidden;}
section.index-screen-sports .index-sports .index-sports-btn{position:absolute;top: calc(50% - 34px); width: 20px;height: 68px;opacity: 0.7;transition: .2s;}
section.index-screen-sports .index-sports .index-sports-btn:hover{ opacity: 1;}
section.index-screen-sports .index-sports .index-sports-prev{background: no-repeat center/cover; left: 0;}
section.index-screen-sports .index-sports .index-sports-next{background: no-repeat center/cover; right: 0;}
section.index-screen-sports .index-sports .index-sports-list {width: 1140px; margin: 0 auto;overflow: hidden;}
section.index-screen-sports .index-sports .index-sports-list .sports-list{overflow: hidden;  height: 221px; list-style: none;display: flex;justify-content: center;}
section.index-screen-sports .index-sports .index-sports-list .sports-list>li {float: left; width: 380px!important; height: 221px;  background: no-repeat center;}
section.index-screen-sports .index-sports .index-sports-list .sports-list>li .item-list{margin: 0 4px;padding: 38px 38px 0;display: flex;}
section.index-screen-sports .index-sports .index-sports-list .sports-list .icon { width:100px; text-align: center;  margin-top: 34px;}
section.index-screen-sports .index-sports .index-sports-list .sports-list .icon a{ display: block;height: 68px;width: 68px; margin: 0 auto 10px;}
section.index-screen-sports .index-sports .index-sports-list .sports-list .icon img { max-width: 100%;vertical-align: top; }
section.index-screen-sports .index-sports .index-sports-list .sports-list>li .icon span{font-size: 15px;color: #333;width:30px;height:20px;line-height: 20px;}

section.index-screen-sports .index-sports .index-sports-list .sports-list>li .txt { position: relative; width: 135px; text-align: center; margin: 0 auto; font-size: 15px;color: #333333; }
section.index-screen-sports .index-sports .index-sports-list .sports-list>li .txt .time span{ color: #999999;font-size: 12px;font-family:"PingFang SC",sans-serif;  font-weight: 500;}
section.index-screen-sports .index-sports .index-sports-list .sports-list>li .txt h5{font-size: 15px;color: #333333;margin: 0;height: 16px;}
section.index-screen-sports .index-sports .index-sports-list .sports-list>li .txt .vs-text { transition: .3s; border-radius:6px;margin:24px auto 12px;width:73px;height:66px;display: block;background: no-repeat center/cover;}
section.index-screen-sports .index-sports .index-sports-list .sports-list>li .txt span.team-h {transition: .2s; position: absolute; z-index: 5; opacity: 0; top: 53px; left: 50%; transform: translateX(-50%); border-radius: 4px; width:68px;height: 36px; background:linear-gradient(90deg,rgba(93,145,255,1) 0%,rgba(19,87,255,1) 100%);box-shadow:0 3px 6px rgba(19,87,255,0.4);   }
section.index-screen-sports .index-sports .index-sports-list .sports-list>li .txt span.team-h a { display: block; line-height: 36px; color: #fff; }

/*===================  index-screen-01  ===================*/
.index-screen-01 { width: 100%; height: 180px; background: repeat-x; box-shadow: 0 1px 6px #d0d0d0; z-index: 999; border-top: 1px solid #000000; border-bottom: 1px solid #000000; }
main .index-screen-01 .container { display: flex; overflow: hidden; }
.index-screen-01 .col-3-1 { height: 178px; padding: 0; }
.index-screen-01 .col-3-1:last-child { border-right: none; }
.index-screen-01 .col-3-1.index_sports { background: rgba(165, 165, 165, 0.2); width: 468px; flex: auto; border-right: 1px solid #101010; border-left: 1px solid #101010; transition: .3s }
.index-screen-01 .col-3-1.index_sports:hover { transform: scale(1.04) }
.index-screen-01 .col-3-1 .screen_hover { height: 100%; transition: all .3s; }
.index-screen-01 .col-3-1 a { width: 100%; height: 100%; padding-left: 230px; display: block; overflow: hidden; background: no-repeat 100px center; opacity: 0; animation: panel_over 1s; animation-iteration-count: 1; animation-fill-mode: forwards; }
.index-screen-01 .col-3-1 .screen_hover:hover,
.index-screen-02 .recommend_in .col-4-1:hover { transform: scale(1.04); }
/*.index-screen-01 .col-3-1.index_new a { background: no-repeat 49px 65px; }*/
.index-screen-01 .col-3-1.index_sports a { background: no-repeat 42px 6px; animation-delay: 300ms; }
.index-screen-01 .col-3-1.index_agent a { background: no-repeat 80px 36px; animation-delay: 600ms; }
.index-screen-01 .col-3-1 h4 { font-size: 20px; color: #fff; margin-top: 53px; margin-bottom: 9px; }
.index-screen-01 .col-3-1:hover h4 { color: #ff9200 }
.index-screen-01 .col-3-1 span { font-size: 14px; line-height: 17px; color: #6e6e6e; display: block; }
.index-screen-01 .col-3-1:hover span { color: #fff; }
@keyframes panel_over {
	0% { position: relative; left: -50px; opacity: 0; transform: scale(.9); }
	100% { position: relative; left: 0; opacity: 1; transform: scale(1); }
}

/*===================  index-screen-02  ===================*/
.index-screen-02  { height: 394px; overflow: hidden;}
/*首页优惠导航-按钮*/
.index-screen-02 #promo-style.main-promo .promo-top-bar {border-bottom: 1px solid #d1d1d1; margin: 30px 0 16px;}
.index-screen-02 #promo-style.main-promo .promo-top-bar .search-bar{display: none;}
.index-screen-02 #promo-style.main-promo .promo-top-bar ._vr_promo{display: flex; width: 1200px;margin: 0 auto;text-align: center;list-style: none;}
.index-screen-02 #promo-style.main-promo .promo-top-bar ._vr_promo li{flex: auto; line-height: 48px;}
.index-screen-02 #promo-style.main-promo .promo-top-bar ._vr_promo li.active,
.index-screen-02 #promo-style.main-promo .promo-top-bar ._vr_promo li:hover{ border-bottom: 2px solid #f9a755; }
.index-screen-02 #promo-style.main-promo .promo-top-bar ._vr_promo li a{    display: block; color: #454545; }
.index-screen-02 #promo-style.main-promo .promo-top-bar ._vr_promo li.active a{color: #000;font-size: 16px;font-weight: bold; }
/*首页优惠导航-卡片*/
.index-screen-02 #promo-style.main-promo .list-type1{width: 1200px;margin: 0 auto;    height: 290px;overflow: visible;}
.index-screen-02 #promo-style.main-promo .list-type1 .row .col-3-1{width: 25%; height: 279px; margin-bottom: 40px; cursor: pointer;transition: .3s;padding: 10px;}
.index-screen-02 #promo-style.main-promo .list-type1 .row .col-3-1:hover{    box-shadow: 0 0 4px #adadad;transform: scale(1.02); }
.index-screen-02 #promo-style.main-promo .list-type1 .promo-item{margin: 0;border-radius: 0;}
.index-screen-02 #promo-style.main-promo .list-type1 .promo-item img{ width: 100%; height: 228px;}
.index-screen-02 #promo-style.main-promo .list-type1 .promo-item .promo-status.processing,
.index-screen-02 #promo-style.main-promo .list-type1 .list_type2_item_tit,
.index-screen-02 #promo-style.main-promo .list-type1 .btn-apply._vr_promo_join,
.index-screen-02 #promo-style.main-promo .list-type1 .promo-status.over,
.index-screen-02 #promo-style.main-promo .list-type1 .promo-detail {display: none !important;}
.index-screen-02 #promo-style.main-promo .list-type1 .shadow { margin-bottom: 10px;}
.index-screen-02 #promo-style.main-promo .list-type1 .btn-detail { color: #989898;}




/*===================  index-screen-03  ===================*/
.index-screen-03 { background: #eeeeee; }
.index-screen-03 .container { overflow: visible;}
.index-screen-03 .index-game { transition: .3s }
.index-screen-03 .index-game a {display: block;}
.index-screen-03 .index-game a img { max-width: 100%;max-height: 100%;}
.index-screen-03 .index-game:hover { transform: scale(1.02); }
.index-screen-03 .index-game-casino { margin-right: 14px; float: left; width: 801px;}
.index-screen-03 .index-game-live { margin-top: 34px; float: left; width: 385px; }
.index-screen-03 .index-game-lottery { margin-top: 18px; float: left; width: 385px; }
.index-screen-03 .clear { clear: both; }
.index-screen-03 .clear { clear: both; }
.index-screen-03 h2 { color: #6a6a6a; text-align: center; margin-top: 30px; }
.index-screen-03 h4 { color: #989898; text-align: center }
.index-screen-03 .player_center { overflow: visible; margin: 20px 0 30px; }
.index-screen-03 .player_center a { display: block; width: 260px; height: 178px; padding-top: 40px; text-align: center; color: #fff; position: relative; top: 0; transition: all .3s; }
.index-screen-03 .player_center > div { border-right: 1px solid #ccc; }
.index-screen-03 .player_center .safety { border-right: 0; }
.index-screen-03 .player_center a:hover { top: -10px; }
.index-screen-03 .player_center a:before { content: ''; width: 52px; height: 50px; display: block; margin: 0 auto; background: no-repeat left top; }
.index-screen-03 .player_center .loss a:before { background-position: -300px 0; }
.index-screen-03 .player_center .team a:before { background-position: -360px 0; }
.index-screen-03 .player_center .service a:before { background-position: -418px 0; width: 76px; }
.index-screen-03 .player_center .strong-monery a:before { background-position: -500px 0; width: 54px; }
.index-screen-03 .player_center .safety a:before { background-position: -560px 0; }
.index-screen-03 .player_center span { width: 100%; display: block; text-align: center; }

/*===================  index-底部banner  ===================*/
.index-bottom-banner { background: no-repeat center; height: 270px; }

/*===================  index-screen-03  ===================*/
.index-screen-03 { padding-top: 18px; }
.index-screen-03 .col-3-1 { padding: 20px; }
.index-screen-03 .col-3-1 h4 { line-height: 2em; font-size: 22px; color: #545454; border-bottom: 1px solid #dddddd; }
.index-screen-03 .col-3-1 h4:before { content: ''; width: 3px; height: 27px; margin: 10px 13px 0 0; display: block; float: left; background: #f9a755; }
.index-screen-03 .col-3-1 p { min-height: 260px; line-height: 28px; color: #6e6e6e; text-align: justify; }
.index-screen-03 .col-3-1 span { width: 100%; height: 60px; line-height: 55px; font-weight: bold; display: block; color: #545454; background-repeat: no-repeat ; padding-left: 56px; }
.index-screen-03 .col-3-1 span:hover{background-position-y:-62px}
.index-screen-03 .col-3-1 table { width: 100%;margin-top: 194px; }
.index-screen-03 .col-3-1 tr { width: 100%; display: flex; }
.index-screen-03 .col-3-1 td { flex: 1; height: 49px; margin: 1px; border: 1px solid #dddddd; background: no-repeat center; cursor: pointer; transition: all .3s; }
.index-screen-03 .col-3-1 td:hover { background-color: #eee; }
.index-screen-03 .col-3-1:nth-child(3) p{ min-height: 165px; }
.index-screen-03 .col-3-1:nth-child(3) table{ margin-top:20px; }

.index-screen-03 .football_logo {display: block;margin: 0 auto;}

/*===================  index-screen-04  ===================*/
.index-screen-04 { padding: 68px 0 0; background: #eeeeee; }
.index-screen-04 .container { width: 1470px !important; }
.index-screen-04 .col-2-1 h4 { margin: 20px 0 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 2em; font-size: 22px; color: #6e6e6e; }
.index-screen-04 .col-2-1 p { min-height: 200px; line-height: 28px; color: #6e6e6e; text-align: justify; }
.index-screen-04 .col-2-1 span { width: 100%; height: 43px; line-height: 43px; font-weight: bold; display: block; color: #545454; background: no-repeat left center; padding-left: 40px; }
.index-screen-04 .col-2-1 table { width: 100%; }
.index-screen-04 .col-2-1 tr { width: 100%; display: flex; }
.index-screen-04 .col-2-1 td { flex: 1; height: 49px; margin: 10px 0; background: no-repeat center; cursor: pointer; transition: all .3s; }
.index-screen-04 .col-2-1 td:hover { transform: scale(1.08) }

/*===================  index_fotter  ===================*/
.fotter { width: 100%; height: 82px; background: #252525; }
.fotter .index_fr_logo { height: 82px; padding-left: 226px; padding-top: 20px; background: no-repeat 25px; }
.fotter .index_fr_logo ul,
.fotter .index_fr_logo a,
.fotter .index_fr_logo p { font-size: 12px; color: #999; transition: all .2s; margin: 0; }
.fotter .index_fr_logo a { color: #b4b4b4; }
.fotter .index_fr_logo a:hover { color: #ff9800; }
.fotter .index_fr_icon { padding-top: 25px; }
.fotter .index_fr_icon span { width: 35px; height: 35px; display: inline-block; margin-left: 23px; cursor: pointer; position: relative; top: 0; transition: all .2s; }
.fotter .index_fr_icon span:hover { top: -5px; }

/*===================  lottery  ===================*/
.main_lottery { width: 100%; min-height: calc(100vh - 70px); padding-top: 167px; background: #400263 no-repeat top; overflow: hidden; }
.api-tabs { border: none; background: none; height: 56px; padding: 0; margin-top: 40px; margin-bottom: 15px; }
.main_lottery #api-tabs { width: 460px; float: right; margin: 0 132px 0 0; }
.main_lottery #api-tabs .lottery-bd a { display: block; position: absolute; width: 50px; height: 50px; font-size: 60px; color: #e3e3e3; top: -70px; transition: .3s; left: 10px; }
.main_lottery #api-tabs .lottery-bd a:hover { color: #fff }
.main_lottery #api-tabs .lottery-bd .next { top: 98px; }
.api-tabs>li:hover a { color: #ff9200 }
.api-tabs>li:last-child { border-right: 1px solid #555; }
.api-tabs>li.active { background: linear-gradient(to bottom, #726d6d, #373737); }
.api-tabs>li>a { font-size: 18px; }
.api-tabs.small-size>li>a { font-size: 16px; }
.main.lottery .carousel-inner .api-tabs>li>a:link,
.main.lottery .api-tabs>li>a:visited,
.main.lottery .api-tabs>.disabled:hover>a { height: auto; line-height: 50px; color: #ffffff; padding-left: 20px; }
.api-tabs>li>a:hover,
.api-tabs>li.active a { color: #fff; }
.casino-tabs { height: 60px; border: none; margin-bottom: 0; }
.main.lottery #api-tabs .carousel-inner .api-tabs>li { display: block !important; width: 100%; height: 100px; border: none; background: no-repeat; margin: 18px 0; }
.main.lottery #api-tabs .carousel-inner .api-tabs>li.active { background: no-repeat; }
.main.lottery #api-tabs .api-tabs>li>a>em { font-size: 22px; float: left; margin: 6px 0 0 10px; height: 42px; }
.main.lottery #api-tabs .api-tabs>li>a>p { float: left; color: #969696; font-size: 14px; margin: -9px 0 0 10px; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 280px; }

/*彩票右侧导航状态*/
.main.lottery #api-tabs .api-tabs>li>a { position: relative; }
.main.lottery #api-tabs .api-tabs>li>a>.lottery-hall { position: absolute; right: 26px; top: 10px; width: 136px; height: 38px; border: none; background: no-repeat center top; }
.main.lottery #api-tabs .api-tabs>li>a>.lottery-hall:hover { background: no-repeat center bottom; }
.main.lottery #api-tabs .api-tabs>li.active>a>.lottery-hall { display: block; }
.main.lottery #api-tabs .api-tabs>li.active>a>em,
.main.lottery #api-tabs .api-tabs>li.active>a>span { color: #d8a20a; }
.main.lottery #api-tabs .api-tabs .lottery-click span.gui-logo-lb p { width: 288px; }
.main.lottery #api-tabs .api-tabs > li > a .gui { font-size: 2.6em; float: left; width: 120px; height: 88px; line-height: 88px; }
.main_lottery .container { width: 1240px !important; overflow: hidden; margin: 18px auto 32px; }
.main_lottery .casino-list { width: 436px; margin: 2px 0 0 132px; }
.main_lottery .casino-list .lottery_list { padding: 0; }
.main_lottery .casino-list .lottery_list .casino-item { width: 100%; text-align: center; transform: scale(0.9); transition: all .3s; }
.main_lottery .casino-list .lottery_list .casino-item ._vr_mt_check { width: 100%; display: block; }
.main_lottery .casino-list .lottery_list .casino-item ._vr_mt_slogan { font-size: 18px; color: #969696;  white-space: nowrap; }
.main_lottery .casino-list .lottery_list .casino-item img { width: 80%; margin: 5%; }
.main_lottery .casino-list .lottery_list .casino-item:hover { transform: scale(.8); }

/*==================== live 真人 ====================*/

/*main.main_live .live-bannermod .gif{}*/
.live-bannermod{background: center;height: 540px;}
main.main_live h2,
main.main_live h5 { text-align: center; font-family: inherit; color: #6e6e6e; }
main.main_live h2 { font-size: 2.7em; font-weight: bold; margin: 5px auto; }
main.main_live .live-game .live-game-list { position: relative; width: 406px; height: 180px; padding: 0; z-index: 0;  margin-bottom: 4px;background:no-repeat 100%/100%;}
main.main_live .live-game .live-game-list .live-item { overflow: hidden }
/*真人第一列清除p标签的margin-right值*/
main.main_live .live-game .live-game-list:nth-child(3n-2) .title { margin-right: 0 }

/*真人背景图区分*/
/*main.main_live .live-game .live-game-list:nth-child(3n-2) { background-image: url("images/live-game-left.png"); }*/
main.main_live .live-game .live-game-list:nth-child(3n-2) .title p,
main.main_live .live-game .live-game-list:nth-child(3n-3) .title p{    width: 198px;}
main.main_live .live-game .live-game-list:nth-child(3n-1) {  width: 380px; margin: 0 4px; }
/*main.main_live .live-game .live-game-list:nth-child(3n-3) { background-image: url("images/live-game-right.png")}*/

/*真人logo位置调整*/
main.main_live .live-game .live-game-list .live-item .live-game-logo { position: absolute; width: 70px; height: 80px; line-height: 80px; text-align: center }
main.main_live .live-game .live-game-list .live-item .live-game-logo img { max-width: 100%; max-height: 80px; transition: .3s }
main.main_live .live-game .live-game-list:hover .live-item .live-game-logo img { opacity: 1; transform: scale(1.06) }
main.main_live .live-game .live-game-list:nth-child(3n-2) .live-item .live-game-logo { left: 72px; top: 54px; }
main.main_live .live-game .live-game-list:nth-child(3n-1) .live-item .live-game-logo { left: 47px; top: 40px; }
main.main_live .live-game .live-game-list:nth-child(3n-3) .live-item .live-game-logo { left: 48px; top: 52px; }
main.main_live .live-game .live-game-list .title { width: 218px; float: right; margin-right: 14px; margin-top: 4px; }
main.main_live .live-game .live-game-list .title h3 { color: #fff }
main.main_live .live-game .live-game-list .title p { margin-bottom: 14px; color: #aaa; font-size: 14px; height: 42px; overflow: hidden; text-overflow: ellipsis; display: block; -webkit-line-clamp: 2; /*文字显示行数*/ -webkit-box-orient: vertical; }
main.main_live .live-game .live-game-list .title a { position: relative; display: block; width: 150px; border-radius: 6px; text-align: center; text-decoration: none; border: 1px solid #ff9200; color: #ff9200; padding: 8px 32px; margin-left: 16px; font-weight: bold; font-size: 1.5em; }
main.main_live .live-game .live-game-list .title a:hover { color: #333 }
main.main_live .live-game .live-game-list .title a:before { background: #ff9200; position: absolute; top: 100%; left: 0; right: 0; bottom: 0; content: ""; transition: all 0.2s; z-index: -1; }
main.main_live .live-game .live-game-list .title a:hover:before { top: 0; }
main.main_live .live-game .game-list-info .game-item { float: left; display: block; position: relative; width:190px; height: 140px; background: #363636; margin: 5px; border-radius: 6px; transition: all 0.2s; z-index: 1; text-decoration: none; overflow: hidden; font-size: 18px }
main.main_live .live-game .game-list-info .game-item:before { position: absolute; top: 100%; left: 0; right: 0; bottom: 0; content: ""; transition: all 0.2s; z-index: -1; background: #d4a86f; }
main.main_live .live-game .game-list-info .game-item:hover:before { top: 0 }
main.main_live .live-game .game-list-info .game-item .game-icon { display: block; width: 100px; height: 100px; margin: 10px auto 0; background: no-repeat center top; }
main.main_live .live-game .game-list-info { overflow: hidden; margin: 0 auto 20px; }
main.main_live .live-game .game-list-info .game-item:hover .game-icon { background: no-repeat center bottom; }
main.main_live .live-game .game-list-info .game-item.oszr .game-icon { background-position-x: 0 }
main.main_live .live-game .game-list-info .game-item.tb .game-icon { background-position-x: -100px }
main.main_live .live-game .game-list-info .game-item.lhd .game-icon { background-position-x: -200px }
main.main_live .live-game .game-list-info .game-item.nn .game-icon { background-position-x: -300px }
main.main_live .live-game .game-list-info .game-item.wx21d .game-icon { background-position-x: -400px }
main.main_live .live-game .game-list-info .game-item.ft .game-icon { background-position-x: -500px }
main.main_live .live-game .game-list-info .game-item.sg .game-icon { background-position-x: -600px }
main.main_live .live-game .game-list-info .game-item.ebg .game-icon { background-position-x: -700px }
main.main_live .live-game .game-list-info .game-item.lp .game-icon { background-position-x: -800px }
main.main_live .live-game .game-list-info .game-item.sd .game-icon { background-position-x: -900px }
main.main_live .live-game .game-list-info .game-item.dzpk .game-icon { background-position-x: -1000px }
main.main_live .live-game .game-list-info .game-item.wzpj .game-icon { background-position-x: -1100px }
main.main_live .live-game .game-list-info .game-item p { color: #d4a86f; text-align: center; }
main.main_live .live-game .game-list-info .game-item:hover p { color: #000; }

/*==================== casino 电子 ====================*/
.main-casino { padding: 20px 0; background: #f9f9f9 no-repeat center top; }
.main-casino .container.gutter-20 { box-shadow: rgba(70, 70, 70, .5) 0 0 6px; }
.main-casino .slot-boxs .slot-content .tab-pane { margin: 10px auto 0; height: 176px; padding-top: 10px; }
.main-casino .slot-boxs .slot-content ul { margin: 0; float: left; }
.main-casino .slot-boxs .slot-content ul li { width: 180px; height: 156px; margin: 0 calc(124px / 10); }
.main-casino .slot-boxs .slot-content .tab-pane > ul > li > a > span.begin-game { width: 180px; height: 156px; top: -156px; line-height: 156px; }
.main-casino .slot-boxs .slot-content .tab-pane > ul > li > a:hover span.begin-game { transform: translateY(156px); }
.main-casino .bannermod .slot-boxs .slot-content ul li > a > img { max-width: 180px; }
.main-casino .index-02 .slot-box .hd { overflow: hidden; position: absolute; top: 0; right: 0; }
.main-casino .index-02 .slot-box .hd .prev,
#casino-style > .container .api-nav .swiper-container .swiper-slide { }
#casino-style > .container .api-nav .swiper-container .swiper-slide.odd { }
#casino-style > .container .api-nav .swiper-container .swiper-slide.active { border-top: 3px solid #dd352a; }
#casino-style > .container .api-nav .swiper-container .swiper-slide:hover { border-top: 3px solid #f19601; }
#casino-style > .container .api-nav .swiper-container .swiper-slide a em { }
#casino-style > .container .casino-sorts .nav-tabs > li.active > a { background: rgb(248, 108, 29) }
#casino-style > .container .casino-sorts .nav-tabs > li:hover a { color: #dd521e; }
#casino-style > .container .casino-sorts .nav-tabs > li.active a:hover { color: #fff !important; }
#casino-style > .container .casino-sorts .search-box .btn-search { background: linear-gradient(to top, rgb(249, 84, 0), rgb(246, 138, 65)); border: 1px solid #E8A04D; }
#casino-style > .container .casino-sorts .search-box .form-control:focus { border-color: #f6843a; outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(246, 130, 55, 0.5); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(246, 130, 55, 0.5); }
#casino-style > .container .game-list-header .jackpot .j_num { background: linear-gradient(#f77843, #d2490f); }
#casino-style > .container .game-list-header .sort2 li.active { background: #ee8d02; border: 1px solid #E8A04D; }
#casino-style > .container .game-list-header .jackpot .j_txt .t_g_name span,
#casino-style > .container .casino-game-list .game-item .game-info .g_line2 span,
#casino-style > .container .game-list-header .all_g_txt span { color: #f90; }
#casino-style > .container .casino-game-list .col-5-1 { width: 25%; }
#casino-style > .container .casino-game-list .game-item { border-radius: 10px; padding: 10px; }
#casino-style > .container .casino-game-list .game-item .game-info { background: #FFFFFF; border-radius: 0 0 10px 10px; }
#casino-style > .container .casino-game-list .game-item .imghvr-fade { background-color: #fff; border-radius: 10px 10px 0 0; }
#casino-style > .container .casino-game-list .game-item .imghvr-fade img { border-radius: 10px; }
#casino-style > .container .casino-sorts .toggle-api { background: linear-gradient(#e05b16, #a4281e); border-radius: 0 0 9px 9px; color: #FFFFFF; margin-right: 10px; }
#casino-style > .container .casino-game-list .game-item .game-info .g_title { color: #333; font-size: 22px; font-weight: bold; }
#casino-style > .container .casino-game-list .game-item [class^=imghvr-] figcaption { border-radius: 10px; }
#casino-style > .container .casino-game-list .game-item .btn-enter { background: #ff8f03; }
#casino-style > .container .casino-game-list .game-item .btn-enter:hover { background: #fff; }

/*==================== chess 棋牌 ====================*/
section#casino-style .api-nav.api-nav-all .swiper-container .swiper-wrapper.chess_width_auto { width: 100%; }
main.main-chess { background-image: none; }

/*==================== sports 体育 ====================*/
body.bodySports .index-screen-03 { display: none; }
main.main-sports {background: center;}
.main-sports .sports .sports-banner { background: url(../images/sports-banner.jpg)no-repeat center top; height: 347px }
.main-sports .sports-box { background: #373737; }
.main-sports .sports-box #api-tabs .carousel-inner li { background: #4b4b4b; transition: .3s }
.main-sports .sports-box #api-tabs .carousel-inner li a { height: 54px; line-height: 54px; color: #e3e3e3; transition: .2s; }
.main-sports .sports-box #api-tabs .carousel-inner li.active { background: #373737; }
.main-sports .sports-box #api-tabs .sports-tabs li.active a { color: #ff9200 }
.main-sports .sports-box #api-tabs .sports-tabs li:hover a { color: #fff }
.main-sports .sports-box #api-tabs .sports-tabs li:hover { background: #373737; }
.main-sports .sports-box #api-tabs .sports-tabs li.active:hover a { color: #ff9200 }

/*==================== fish 捕鱼 ====================*/
body.bodyHuntfish .index-screen-03 { display: none; }
main .huntfish .main-fish .huntfishtitle { right: calc(50% - 200px); }
main .huntfish .main-fish #huntfishtitle-list { position: initial; margin: 0 auto; padding-top: 280px; width: 1250px; height: auto; overflow: hidden; }
main .huntfish .main-fish #huntfishtitle-list > a { height: 321px; }
main .huntfish .main-fish #huntfishtitle-list > a .fish-img { margin: 60px auto 0; }
main .huntfish .main-fish #huntfishtitle-list > a span {position: absolute;width: 100px;text-align: center;left: 75px;bottom: 52px;color: #FEF992;}
main .huntfish .main-fish #huntfishtitle-list > a .fish-img:hover { animation: flash_fish 2s linear infinite; }
main .huntfish .main-fish #huntfishtitle-list > a .fish-img > img { width: 55%; min-height: 148px; }
main .huntfish .main-fish #huntfishtitle-list > a { background: no-repeat center; background-size: 310px; }
main .huntfish .main-fish #huntfishtitle-list > a .start_btn {height: 52px;width: 136px;margin-top: 68px;background: center center no-repeat;color: transparent;}
/*main .huntfish .main-fish #huntfishtitle-list>a .start_btn:hover + .fish-img img{animation: flash_fish 1s linear infinite;}*/
@keyframes flash_fish {
	0% { transform: scale(1) }
	25% { transform: scale(1.2) }
	50% { transform: scale(1.1) }
	75% { transform: scale(1.2) }
	100% { transform: scale(1) }
}

/*==================== promo 优惠 ====================*/
/*body.promo_body{background: url("images/promo_bg.jpg")no-repeat center 69px #fafbfd;}*/
/*body.promo_body main { margin: 416px auto 0;}*/
body.promo_body main section.theme-white { background: none; }
body.promo_body .main-promo .promo>.container { width: 1000px; margin: 0 auto; }
.main-promo.theme-white .list-type2 .promo-item{border-radius: 10px;}
.main-promo .list-type2 .promo-item:hover .home_pic .shadow{border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
body.promo_body .main-promo .list-type2 .promo-item .promo-detail .content p img { width: 100%; }
body.promo_body #promo-style .list-type1 .list_type2_item_tit { display: none; }
body.promo_body .layui-layer.promo_detail .layui-layer-content .promo-img { display: none; }
body.promo_body #promo-style .promo-top-bar > ul li.active { background: #ff9200; }
body.promo_body #promo-style .promo-top-bar > ul li.active:hover { background: #ff9200; }
body.promo_body #promo-style .promo-top-bar > ul li { border: 1px solid transparent; border-radius: 6px; }
body.promo_body #promo-style .promo-top-bar > ul li.active:after { border-top: 5px solid #ff9200; }
body.promo_body #promo-style .promo-top-bar > ul li:hover { background: #2d2d2d; }
body.promo_body #promo-style .promo-top-bar .search-bar .btn-search { background: #ff9200; border: 1px solid #f7920a; }
body.promo_body #promo-style .list-type1 .promo-item .shadow .btn-apply { background: #ff9200; }
body.promo_body #promo-style .list-type1 .promo-item { margin: 20px; background: #ffffff; border-radius: 8px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: normal; }
body.promo_body #promo-style .list-type1 .promo-item:hover { -webkit-box-shadow: 0 6px 18px 0 rgba(37, 41, 47, 0.6); -moz-box-shadow: 0 6px 18px 0 rgba(37, 41, 47, 0.6); box-shadow: 0 6px 18px 0 rgba(37, 41, 47, 0.6); }
body.promo_body #promo-style .list-type1 .promo-item .shadow { border-radius: 8px; }
body.promo_body #promo-style .list-type1 .promo-item img { border-radius: 8px; }

/*==================== agent 代理 ====================*/
header.agent_header .navbar.navbar-default .nav.navbar-nav { width: 800px; }
header.agent_header .navbar.navbar-default .nav.navbar-nav li a { font-size: 15px; }
.agent .slide,
.agent .slide li,
.agent .slide li a { height: 630px; }
.agent .tab-content>.tab-pane { min-height: 630px; }
.agent_header .navbar-collapse.pull-left { margin-left: 200px }

/*==================== about 关于我们 ====================*/
.about_bg { background: #e7e7e7; }
.about_bg .agent-banner { background: no-repeat center; height: 310px; }
.about_bg .agent_tabs .agent_nav { width: 100%; display: flex; padding: 40px 80px 0; margin: 0; background: #fff; }
.about_bg .agent_tabs li { list-style: none; flex: auto; height: 60px; text-align: center; line-height: 60px; color: #fff; float: left; margin-right: 1px; cursor: pointer; font-size: 26px; }
.about_bg .agent_tabs .agent_nav li a:hover { background: linear-gradient(#3a3739, #69696b); }
.about_bg .container { width: 1300px !important; }
.about_bg .agent_nav a { list-style: none; border: none; color: #fff; padding: 0; text-align: center; background: linear-gradient(#69696b, #3a3739); }
.about_bg .agent_nav .list-group-item.active { background: linear-gradient(#3a3739, #69696b); display: block; height: 60px; line-height: 60px; }
.about_bg .main-bd { background: #fff; color: #000; min-height: 745px; padding: 0 100px; }
.about_bg .main-bd .page-content h3 { text-align: center; font-weight: bold; font-size: 32px }

/*==================== register 注册 ====================*/
body.bodyRegister .index-screen-03 { display: none; }
.register { background: #e7e7e7; padding: 30px 0 70px; }
section.register .container { width: 652px !important; }
.register .right-register { border-radius: 6px; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .5); }
.register .right-register  .register-box { min-height: 665px; }
.register .right-register legend { color: #ffffff; font-size: 16px; border-radius: 6px 6px 0 0; border-bottom: 1px solid #343434; background: rgb(54, 54, 54); height: 40px; line-height: 40px; padding-left: 40px; }
.register .right-register fieldset:last-child { margin-top: 30px; }
.register .right-register fieldset:last-child legend { border-radius: 0; background: none; color: #363636; font-weight: bold; /* border-top: 1px; */ border-top: 1px solid #343434; border-bottom: none; margin: 0; }
.register .right-register [name="registerBtn"] { width: 360px; height: 40px; background-color: #363636; border-radius: 20px; color: #fff; text-align: center; font-size: 16px; border: none; }

.sub-content#sub-sports .api-games{display: flex;height: 150px;}
.sub-content#sub-sports .list-table{width: 50%;}
.navbar-sub #sub-sports .sub-box{height: 100%;}