/* 禁用响应 */
@media (min-width:990px){
	.container{width:1300px;}
}
@media (min-width:1200px){
	.container{width:1300px;}
}
.container{width:1300px !important;margin:0 auto;padding:0;}

a, a:hover {text-decoration: none;}

/*==================== common 公共 ====================*/
body{font-family: 'Microsoft YaHei',"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;background:#fff }
ul,ol{list-style:none;}
header .logo a img{height: 60px;}
.banner .page-banner{height: 530px;width: 100%;background: no-repeat center;}

/*header*/
header{width: 100%;height: auto;}
header .header-top{height: 84px;position: fixed;top: 0;left: 0;transition: .5s;background: #fff;z-index: 999;width: 100%;}
header .header-top.green-bg{background:#4fafaa !important; }
.index-page header .header-top{background: rgba(0, 0, 0, 0.5);}
header .header-top .container{display: flex;height: 100%;align-items: center;justify-content: space-between;width:1500px !important;}
header .header-top .navbar ul{display: flex;}
header .header-top .navbar ul li{position: relative;height: 84px;padding: 0 10px;}
header .header-top .navbar ul li a{color: #333;display: block;position: relative;line-height: 84px;padding: 0;font-size: 16px;}
header .header-top .navbar ul li a:before{width: 100%;height: 4px;content: '';position: absolute;bottom: 20px;left: 0;background-color: #4fafaa;transition: all .3s;transform: scaleX(0);}
.index-page header .header-top .navbar ul li a{color: #fff;}
header .header-top .navbar ul li:hover a,
header .header-top .navbar ul li.active a{color:#4fafaa; }
.index-page header .header-top .navbar ul li:hover a,
.index-page header .header-top .navbar ul li.active a{color:#fff; }
header .header-top .navbar ul li:hover a:before,
header .header-top .navbar ul li.active a:before{transform: scaleX(1);}
.index-page header .header-top.green-bg .navbar ul li:hover a:before,
.index-page header .header-top.green-bg .navbar ul li.active a:before{background-color: #fff;}
header .header-top .menu-list{display: flex;}
header .header-top .menu-list a{display: flex;flex-direction: column;align-items: center;color: #333;padding: 0 10px;white-space:nowrap;position: relative;font-size: 16px;}
header .header-top .menu-list a:hover:before{width: 100%;height: 4px;position: absolute;left: 0;bottom: -6px;background:#4fafaa;transform: scaleX(1)!important;content: '';display: block; }
header .header-top .menu-list a i{font-size: 20px;}
.index-page header .header-top .menu-list a{color: #fff;}
header .header-top .login .form-btn{width: 80px;height: 30px;display: inline-block;text-align: center;font-size: 14px;color: #fff;background: no-repeat center;line-height: 30px;margin-right: 5px;}
header .header-top .login ._vr_unLogin{display: flex;}

header .header-bottom{margin-top: 84px;background: #222;position: relative;z-index: 998;}
header .header-top .menu-list a i{font-size: 20px;}
.index-page header .header-bottom{background: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) 99.48%);;}
header .header-bottom .header-panel ul{text-align: right;padding: 10px 100px;}
.nav9.navbar-sub{top: 84px;}

main.index .index-slide{margin-top: -134px;}
.slide,
.slide .slide-inner li,
.slide .slide-inner li a{height: 700px;}
.slide>.container{position: relative;top: -70px;height:50px;display: flex;align-items: center;z-index: 9;justify-content: flex-end; }
.slide .prev, .slide .next{display: block !important;top: auto !important;height: 50px;width: 32px;background: #4fafaa;line-height: 50px;font-size: 8px;transition: .3s;margin-top: 0;}
.slide .prev{border-radius:5px 0 0 5px;left: 0;}
.slide .next{left: 4% !important;right: auto !important;border-radius: 0 5px 5px 0;}
.slide .prev:before{transform: rotate(-90deg);display: block;}
.slide .next:before{transform: rotate(90deg);display: block;}
.slide .pageState{color: #999;font-size: 20px;position: absolute;left: 8%;}
.slide .pageState span{font-size:26px;color:#4fafaa;}
.slide .prev:hover, .slide .next:hover{opacity: 1;}


/*footer*/
footer{background: #424a66;padding: 20px 0;}
footer .footer-top .container{display: flex;align-items: center;height: 100px;}
footer .footer-top .container .footer-nav{flex: 1;}
footer .footer-top .container .footer-nav li{position: relative;}
footer .footer-top .container .footer-nav li a{color: #CACDDA;font-size: 16px;}
footer .footer-top .container .footer-nav li + li:before{content: '|';color:#68728e;position: absolute;left: -4px;top: 50%;transform: translateY(-50%); }
footer .footer-top .container .footer-nav li:hover a{color: #fff;}
footer .footer-partner{margin: 50px auto;}
footer .footer-bottom p,
footer .footer-bottom span{color: #a8abbb}
footer .footer-bottom p{padding: 10px 0 20px;}

/*sports*/
body.sports{background: #eaeaea no-repeat center top;}
.main-sportsList .wrap{margin-top: 10px;}
.main-sportsList .sports_api a{display: inline-block;height: 124px;padding: 10px;transition: .2s}
.main-sportsList .sports_api a div{background:#251c47;color: #ddd;display: inline-block;height: 100%;width: 100%;border-radius: 10px;text-align: center;transition: .2s;padding-top: 5px; }
.main-sportsList .sports_api a div h4{font-size: 16px;}
.main-sportsList .sports_api a:hover{padding: 0px;}
.main-sportsList .sports_api a:hover div{background:linear-gradient(#ffb459,#ff5f00);color: #fff;padding-top: 15px; }
.main-sportsList .sports_api a:hover div img{filter: grayscale(1);}
.main-sportsList .content a{display: inline-block;height: 530px;position: relative;margin-bottom: 15px;background: no-repeat center bottom;}
.main-sportsList .content a .character{position: absolute;bottom: 0;background-position: bottom 0px right 90px !important;width: 100%;height: 100%;transition: .5s;background-repeat: no-repeat;}
.main-sportsList .content a .start{position: absolute;width: 254px;height: 67px;background: no-repeat center;bottom: 30px;left: 350px;transform: scale(0.5);transition: .3s;}
.main-sportsList .content a .character:hover{background-position: bottom 0px right 150px !important;}
.main-sportsList .content a .start:hover{transform: scale(0.7);}


/*live*/
.main-live .live_api{width: 100%;display: flex;flex-wrap: wrap;justify-content: center;}
.main-live .live_api>a{width: 580px;height: 323px;background: no-repeat center;margin: 10px;overflow: hidden;position: relative;display: flex;}
.main-live .live_api>a .content{width: 260px;padding:35px 0 0 35px;color: #fff;position: relative;transition: .3s;left: 0;}
.main-live .live_api>a .content h3{font-weight: bold;margin: 25px auto 0;font-size: 24px;}
.main-live .live_api>a .content .text{font-size: 14px;line-height: 1.5;}
.main-live .live_api>a .api-img{position: absolute;right: 0;bottom: 0;transition: .3s;}
.main-live .live_api>a:hover .content{left: 15px;}
.main-live .live_api>a:hover .api-img{right: 15px;}
.main-live .live_api>a .start_btn{width: 110px;height: 30px;position: absolute;text-align: center;display: inline-block;background: #fff;color:#E73765;line-height: 30px;border-radius: 15px;font-weight: bold;bottom: 40px;left: 50px;opacity: 0;transition: .3s; }
.main-live .live_api>a:hover .start_btn{opacity: 1;}

/*casino*/
.main-casino .casino.theme-white > .container .api-nav .swiper-container .swiper-slide:hover,
.main-casino .casino.theme-white > .container .api-nav .swiper-container .swiper-slide.active{border-top:3px solid #4fafaa !important; }
.main-casino .casino.theme-white > .container .casino-sorts .nav-tabs > li.active > a{background: #4fafaa !important;}
.main-casino .casino > .container .casino-game-list .game-item .btn-enter{background:#4fafaa !important; }
.main-casino .casino > .container .casino-game-list .game-item .btn-enter:hover{background: #fff !important;color:#4fafaa !important; }

/* notice */
.notice{height:40px;position:relative;z-index:4;line-height:40px;clear: both;}
.notice >.container{display: flex;justify-content: flex-end;}
.notice .notice-news{display: flex;background:rgba(255, 255, 255, 0.9);border-radius: 20px;border: 1px solid #e3e3e3;align-items: center;padding: 0 20px;justify-content: center; }
.notice .notice-news .icon{font-size: 20px;display: inline-block;width: 30px;}
.notice .notice-list{float:left;width:900px;height:40px;overflow:hidden;padding-left:10px;flex: 1;}
.notice .notice-list a{color:#666;font-size:14px;}
.index-page .notice{position: relative;}

/*==================== agent 代理 ====================*/
.header-agent{height: auto;}
.header-agent .container .top-link li{display: inline-block;height: 35px;line-height: 35px;overflow: hidden;}
.header-agent .container .top-link li a{color: #bcc2c2;}
.header-agent .container .top-link li a:hover{color: #fff;}
.header-agent .container .top-link li + li:before {content: '|';display: inline-block;padding: 0 5px;color: #bcc2c2;}
.agent-index .header-agent .navbar-collapse li {display: table-cell;text-align: center;}
/* agent-slide 轮播 */
.agent-slide>.slide>.slide-inner{width:100%}
.agent-slide .slide,.agent-slide .slide>.slide-inner ul,.agent-slide .slide .slide-inner li,.agent-slide .slide .slide-inner li a{height:630px;overflow:hidden;}

/*==================== lottery 彩票游戏 ====================*/
.main-lottery{background: #eaeaea;}
.main-lottery .lottery_api{width: 100%;display: flex;flex-direction: column;}
.main-lottery .lottery_api>a{width: 1070px;height: 450px;position: relative;background: no-repeat center bottom;margin: 40px auto;padding-left: 60px;}
.main-lottery .lottery_api>a .api-logo{width: 110px;height: 110px;background: #AA98C2;border-radius: 10px;position: absolute;top: -20px;display: flex;align-items: center;justify-content: center;}
.main-lottery .lottery_api>a .api-logo i{color: #fff;font-size: 45px;}
.main-lottery .lottery_api>a .content{display: flex;flex-direction: column;width: 300px;padding-top: 165px;position: relative;left: 0;transition: .3s;}
.main-lottery .lottery_api>a .content h1{color: #9687AC;font-weight: bold;}
.main-lottery .lottery_api>a .content .text1{font-size: 22px;color: #333;line-height: 1.5;}
.main-lottery .lottery_api>a .content .text2{font-size: 20px;color: #999;line-height: 1.5;}
.main-lottery .lottery_api>a .content .start-btn{color: #fff;margin-top: 30px;width: 120px;height: 38px;line-height: 38px;text-align: center;background: no-repeat center;font-size: 18px;}
.main-lottery .lottery_api>a .api-img{position: absolute;right: 0;bottom: 0;transition: .3s;max-width: 473px;}
.main-lottery .lottery_api>a:hover .content{left: 15px;}
.main-lottery .lottery_api>a:hover .api-img{right: 15px;}

/*promo*/
.main-promo.theme-white .promo-top-bar > ul li.active{background: linear-gradient(90deg, #68d55e 0%, #5cb6da 100%) !important;}
.main-promo.theme-white .promo-top-bar > ul li.active:after{border-top: none !important;}


/*about*/
.main-about{background: #f3f4f5;}
.main-about .about{display: flex;justify-content: center;margin-top: 20px;}
.main-about .about .about-item-left{width: 290px;background: #fff;box-shadow: 2px 2px 4px rgb(0 0 0 / 20%);border-radius: 5px;height: 455px;margin-right: 20px;}
.main-about .about .about-item-left ul{width: 100%;display: flex;flex-direction: column;}
.main-about .about .about-item-left ul li{height: 65px;padding-left: 45px;border-left: 4px solid transparent;font-size: 16px;display: flex;align-items: center;}
.main-about .about .about-item-left ul li:nth-child(1) i:before{content: "\e9fc"}
.main-about .about .about-item-left ul li:nth-child(2) i:before{content: "\e9f2"}
.main-about .about .about-item-left ul li:nth-child(3) i:before{content: "\f023"}
.main-about .about .about-item-left ul li:nth-child(4) i:before{content: "\e9f2"}
.main-about .about .about-item-left ul li:nth-child(5) i:before{content: "\e9fa"}
.main-about .about .about-item-left ul li:nth-child(6) i:before{content: "\e9f5"}
.main-about .about .about-item-left ul li i{margin-right: 15px;font-size: 18px;}
.main-about .about .about-item-left ul li a{color: #333;height: 100%;width: 100%;line-height: 65px;}
.main-about .about .about-item-left ul li:hover,
.main-about .about .about-item-left ul li.active{border-left: 4px solid #4fafaa;color: #4fafaa;background: #f6fafe;}
.main-about .about .about-item-left ul li:hover a,
.main-about .about .about-item-left ul li.active a{color: #4fafaa ;}
.main-about .about .about-item-right{width: 890px;background: #fff;box-shadow: 0 0 4px rgb(0 0 0 / 20%);border-radius: 5px;min-height: 700px;}

/*register*/
.main-register{background: no-repeat top center;}
.main-register .register{position: relative;height: 700px;padding: 86px 80px;}
.main-register .register-item-left{background: no-repeat center 0;width: 490px;height: 500px;left: 128px;bottom: 78px;position: absolute;}
.main-register .register-item-right{background: no-repeat center top;width: 682px;height: 535px;right: 125px;top: 86px;position: absolute;background-size: 100% 100%;padding: 50px 30px 20px 130px;display: flex;flex-direction: column;align-items: center;}
.main-register .register-item-right .title{font-size: 16px;font-weight: bold;color: #4fafaa;border-bottom: 2px solid #4fafaa;padding: 8px 0;margin-bottom: 10px;}
.main-register .register-item-right .register-box{overflow-y: scroll;overflow-x: hidden;flex: 1;}
.main-register .register-item-right .register-box::-webkit-scrollbar{opacity: 0;}
.main-register .register-item-right .register-box .col-8-2>.form-control,
.main-register .register-item-right .register-box .col-12-4 .form-control,
.main-register .register-item-right .register-box .col-12-8>.form-control{border-radius: 20px;background: #eee;padding: 0 20px 0 40px;height: 40px;border: none;}
.main-register .register-item-right .register-box .btn-register{color: #fff;background: #4fafaa;border-radius: 20px;transition: .2s;box-shadow: none;}
.main-register .register-item-right .register-box .btn-register:hover{box-shadow: 0 2px 10px #4fafaa;}
.main-register .register-item-right .register-box .form-group{position: relative;}
.main-register .register-item-right .register-box i.gui-reg{position: absolute;font-size: 16px;top: 13px;left: 25px;color:#A0CCCA;z-index: 9; }
.main-register .register-item-right .register-box i.gui-lock,
.main-register .register-item-right .register-box i.gui-mobile,
.main-register .register-item-right .register-box i.gui-rmb,
.main-register .register-item-right .register-box i.gui-clock-o{top: 10px;font-size: 20px;}
.main-register .phone-area-code {flex-wrap: wrap;}
.main-register .phone-area-code input.form-control{width: 100%;margin-top: 5px;}
.form-horizontal .control-label{color: #999;}


/*.index-screen-01*/
.index-screen-01{background: no-repeat center top;padding-top: 80px;}
.index-screen-01 .container{display: flex;flex-direction: column;align-items: center;}
.index-screen-01 .title-m{line-height: 42px;margin-bottom: 5px;width: 100%;color: #333;font-size: 30px;font-weight: bold;background: no-repeat center;text-align: center;}
.index-screen-01 .title-s{line-height: 20px;font-size: 14px;color: #666;margin-bottom: 50px;}
.index-screen-01 .content{height: 730px;position: relative;}
.index-screen-01 .type-list{position: absolute;left: 5%;bottom: 230px;padding: 36px 0 36px 24px;z-index: 10;background-repeat: no-repeat;background-position: 7px 25px;}
.index-screen-01 .type-list > div{position: relative;display: block;margin-bottom: 20px;width: 121px;height: 30px;line-height: 30px;padding: 0 8px;font-size: 18px;color: #fff;cursor: pointer;}
.index-screen-01 .type-list > div:before{content: '';top: 11px;left: -19px;width: 8px;height: 8px;border: 1px solid #4fafaa;border-radius: 50%;background: #fff;transition: .2s;display: block;position: absolute;}
.index-screen-01 .api-type-box>div{height: 730px;background: no-repeat center top;width: 100%;}
.index-screen-01 .api-type-box .game-img-bg{width: 100%;height: 730px;background: no-repeat center;}
.index-screen-01 .api-type-box .game-img-bg .game-content{padding: 140px 20% 0;}
.index-screen-01 .api-type-box .game-img-bg .game-content img{opacity: 0;}
.index-screen-01 .api-type-box .game-img-bg .game-content h4{height: 50px;line-height: 50px;font-size: 36px;color: #fff;}
.index-screen-01 .api-type-box .game-img-bg .game-content p{width: 300px;margin: 10px 0 30px;line-height: 22px;font-size: 14px;color: #fff;}
.index-screen-01 .api-type-box .game-img-bg .game-content .start-btn{height: 48px;width: 168px;line-height: 40px;border-radius: 24px;display: block;opacity: 0.9;transition: .1s;color: #fff;font-size: 18px;text-align: center;background: no-repeat center;}
.slick-dots{width: 100%;z-index: 99;height: 144px;bottom: 0 !important;left: 0;background: linear-gradient(180deg, rgba(255,255,255,.2), rgba(255, 255, 255, 0.2));box-shadow: inset 0 10px 10px rgb(0 0 0 / 25%);display: flex !important;justify-content: center;align-items: center;}
.slick-dots li{width: 92px !important;height: auto !important;display: flex;flex-direction: column;align-items: center;}
.slick-dots li p{color: #fff;font-size: 12px;transition: .1s;white-space: nowrap;}
.slick-dots li .api-logo{width: 92px;height: 92px;padding: 13px 17px;}
.slick-dots li .api-logo img{width: 60px;height: 60px;}

/*.index-screen-01 .api-type-box .game-detail-cont{position: absolute;width: 100%;z-index: 99;height: 144px;left: 0;bottom: 0;padding: 17px 0;background:linear-gradient(180deg, rgba(255,255,255,.2), rgba(255, 255, 255, 0.2));box-shadow: inset 0 10px 10px rgb(0 0 0 / 25%); }*/
/*.index-screen-01 .api-type-box .game-detail-cont .game-detail-list{max-width: 1000px;margin: 0 auto;justify-content: center;display: flex;}*/
/*.index-screen-01 .api-type-box .game-detail-cont .game-detail-list .item{width: 92px !important;cursor: pointer;font-size: 12px;color: #fff;transition: .1s;text-align: center;display: flex;flex-direction: column;align-items: center;}*/
/*.index-screen-01 .api-type-box .game-detail-cont .game-detail-list .item .api-logo{width: 92px;height: 92px;background: no-repeat center;padding: 13px 17px;}*/
/*.index-screen-01 .api-type-box .game-detail-cont .game-detail-list .item .api-logo img{width: 60px;height: 60px;}*/

/*index-screen-02*/
.index-screen-02{padding-top: 80px;padding-bottom: 50px;background: no-repeat center top;}
.index-screen-02 .container{display: flex;flex-direction: column;align-items: center;width: 1140px !important;}
.index-screen-02 .title-m{line-height: 42px;margin-bottom: 5px;width: 100%;color: #333;font-size: 30px;font-weight: bold;background: no-repeat center;text-align: center;}
.index-screen-02 .title-s{line-height: 20px;font-size: 14px;color: #666;margin-bottom: 50px;}
.index-screen-02 .content{display: flex;}
.index-screen-02 .content .right-item{display: flex;flex-direction: column;}
.index-screen-02 .content .right-item h3{line-height: 50px;font-size: 36px;color: #333;}
.index-screen-02 .content .right-item p{margin: 10px auto 60px;font-size: 14px;line-height: 22px;color: #666;}
.index-screen-02 .content .right-item .img-item{display: flex;}
.index-screen-02 .content .right-item .img-item .img-box{display: flex;flex-direction: column;align-items: center;flex: 1;}
.index-screen-02 .content .right-item .img-item .img-box .img-bg{width: 160px;height: 160px;padding: 10px;border: 2px solid #fff;border-radius: 10px;background: linear-gradient(360deg, rgba(245, 246, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 86.36%);box-shadow: 0 4px 6px rgb(0 21 33 / 10%), inset 0 0 13px rgb(255 255 255 / 90%);margin-bottom: 15px;}
.index-screen-02 .content .right-item .img-item .img-box .img-bg img{width: 100%;height: 100%;}
.index-screen-02 .content .right-item .img-item .img-box span{color: #666;font-size: 14px;text-align: center;line-height: 18px;}
.index-screen-02 .content .right-item .img-item .img-box span.green-text{color: #4fafaa;}

/*.index-screen-03*/
.index-screen-03{width: 100%;height: 445px;background: no-repeat center top;}
.index-screen-03 .container{display: flex;align-items: center;justify-content: center;height: 100%;}
.index-screen-03 .item{width: 222px;height: 285px;padding: 34px 0;background: no-repeat center;transition: all .15s;flex: 1;display: flex;flex-direction: column;align-items: center;}
.index-screen-03 .item:hover{transform: scale(1.05);}
.index-screen-03 .item .item-icon{height: 100px;width: 101px;background-position:0 0; }
.index-screen-03 .item h3{padding: 0 0 5px;font-size: 28px;color: #333;}
.index-screen-03 .item p{font-size: 14px;color: #666;}
.index-screen-03 .item:nth-child(2) .item-icon{background-position:0 -300px;}
.index-screen-03 .item:nth-child(3) .item-icon{background-position:0 -100px;}

/*隱藏捕魚二級導航*/
.nav-3-2 .sub-content#sub-fish{display: none !important;}