@media (min-width:990px){ .container{width:1400px} } @media (min-width:1200px){ .container{width:1400px} } .container{width:1430px !important;margin:0 auto;padding:0 15px !important;} a, a:hover {text-decoration: none;} .clear-fix {clear: both;} .opacity-0 {opacity: 0;} /*==================== common 公共 ====================*/ body{font-family: 'Microsoft YaHei',"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;background-color: #000;} ul,ol{list-style:none;} .nav9.navbar-sub .sub-content {transform: translateY(-119px);padding-top: 119px;} .nav9.navbar-sub .sub-content .gameBox {margin-right: 80px;} .navbar-nav>li>a, .navbar-header, .navbar-text {line-height: 1.375;height: 64px;display: flex;align-items: center;justify-content: center;} .page_banner {height: 640px;padding-top: 326px;color: #fff;position: relative;} .page_banner h1 {font-size: 56px;font-weight: bold;line-height: 1.35714;margin: 0;} .page_banner span {font-size: 16px;line-height: 1.75;margin-top: 8px;display: block;max-width: 580px;} .page_banner img {position: absolute;} .page_banner .page_banner_video {position: absolute;top: 0;left: 0;right: 0;height: 798px;z-index: 1;overflow: hidden;} /*.page_banner .page_banner_video video {position: absolute;left: 50%;top: 0;transform: translateX(-50%);}*/ .page_banner > .container {z-index: 2;} header {position: absolute;z-index: 100;left: 0;right: 0;top: 0;} header:after {content: '';height: 220px;background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), transparent);position: absolute;top: 56px;left: 0;right: 0;pointer-events: none;} .header-top {background: #000;height: 56px;} .header-top .container {overflow: visible;} .header-top-container {display: flex;justify-content: flex-end;align-items: center;height: 56px;} .header-top ._user_time {font-family: Helvetica, Sans-Serif;font-size: 15px;color: rgba(255, 255, 255, 0.6);} .header-top-gutter {margin: 0 20px 0 15px;width: 2px;height: 16px;background: rgba(255, 255, 255, 0.2);border: none;} .header-top .header-panel {margin-left: 20px;} .header-top .header-panel .panel_name, .header-top .header-panel .panel_news, .header-top .header-panel .panel_news, .header-top .header-panel .panel_Assets, .header-top .header-panel .panel_logout {display: none;} .header-top .header-panel .panel_player:before {content: none;} .header-top .header-panel .panel_take {margin-right: 0;} .header-bottom .header-panel .panel_player, .header-bottom .header-panel .panel_sign, .header-bottom .header-panel .panel_quota, .header-bottom .header-panel .panel_deposit, .header-bottom .header-panel .panel_take {display: none;} .header-bottom .header-panel .panel_name a {color: #FFC400 !important;} .header-bottom .header-panel .panel_name a._vr_vipGrad {font-size: 12px;height: 24px;padding: 0 10px;line-height: 24px;background: rgba(255, 196, 0, 0.2);border-radius: 50px;display: inline-block;} .header-bottom .header-panel .panel_Assets .text-warning {color: #FFC400 !important;} .header-panel ul li {font-size: 15px;} /*切換語系*/ .language{height: 24px;line-height: 24px;padding-left: 35px;padding-right:5px;margin-right: 10px;display: inline-block;background-repeat: no-repeat;background-position: 8px center;color: #ffffff;cursor: pointer;} .language i{width: 14px;display: inline-block;margin-left: 5px;transform: rotate(0);transition: .3s;top: 0;} .language div{margin-left: -35px;height: 0;overflow: hidden;position: absolute;transition: all .5s;z-index: 1001;} .language:hover div{height: auto;} .language:hover i{transform: rotate(180deg)} .language .name {padding-left: 7px;} .language .wrap span{height: 28px;line-height: 28px;display: flex;transition: all .2s;background-color: #10101a;background-repeat: no-repeat;background-position: 8px center;color: #fff;padding-left: 42px;padding-right: 15px;} .language .wrap span a{color: #fff;margin: 0;} .language .wrap a:hover{color: #FFC400 !important;} .header-bottom {height: 119px;position: relative;} .header-bottom .container {position: relative;overflow: visible;} .header-bottom > .header-bottom-login {height: 56px;} .header-bottom > .header-bottom-login, .header-bottom > .navbar {position: relative;background: rgba(0, 0, 0, 0.6);z-index: 1000;} .header-bottom .logo {position: absolute;top: -50%;left: 15px;height: 56px;display: flex;align-items: center;} .header-bottom .logo img {max-width: 320px;max-height: 80px;} .header-login {display: flex;justify-content: flex-end;margin-bottom: 13px;} .header-login .form-inline {display: flex;align-items: center;} .header-login .form-inline input {background: transparent;border: none;padding: 10px 20px;font-size: 14px;line-height: 1.358;height: auto;color: #fff;} .header-login .form-inline input:focus {border: none;box-shadow: none;} .header-login .form-inline .login-group {border: 2px solid #2A282A;border-radius: 50px;display: flex;padding-right: 106px;position: relative;} .header-login .form-inline .login-group .form-group ~ .form-group {border-left: 2px solid #2A282A;} .header-login .form-inline .login-group .form-group {position: relative;} .header-login .form-inline .login-group .form-group a {position: absolute;width: 24px;height: 24px;top: 50%;right: 8px;transform: translateY(-50%);} .header-login .form-inline .login-group .form-group ._vr_captcha_code {position: absolute;right: 8px;top: 0;} .header-login .form-inline .btn_a {max-height: 43px;padding: 10px 32px;display: flex;align-items: center;justify-content: center;border-radius: 50px;font-size: 15px;transition: 0.3s;} .header-login .form-inline .btn-login {max-width: 102px;min-width: 102px;background: #FFC400;color: #000;position: absolute;right: -2px;top: -2px;bottom: -2px;white-space: nowrap;} .header-login .form-inline .btn-login:hover {background: #cb9c00;} .header-login .form-inline .btn-re {background: rgba(255, 255, 255, 0.1);margin-left: 12px;color: #fff;} .header-login .form-inline .btn-re:hover {background: #FFC400;color: #000;} .header-login .form-inline .btn-sign {background: linear-gradient(#b51c20,#6c0b0e);margin-left: 12px;color: #fff;} .header-login .form-inline .btn-sign:hover {background: linear-gradient(#6c0b0e,#b51c20);} .header-bottom .navbar {border-top: 2px solid rgba(255, 255, 255, 0.15);} .header-bottom .navbar-default {margin: 0 -22px;} .header-bottom .navbar--fixed {position: fixed;top: 0;left: 0;right: 0;} /*.nav9.navbar-sub .sub-content[id="sub-live"] {display: block !important;}*/ .header .nav-9-1--fixed {position: fixed;top: 63px;left: 0;right: 0;} .header .nav9.navbar-sub .sub-content .container-nav9 {width: 1400px;} .header .nav9.navbar-sub .sub-content .gameImg img {top: 0 !important;left: -100px !important;} .header .nav9.navbar-sub .sub-content .gameBox .gameList .gameListAn a, .header .nav9.navbar-sub .sub-content .gameBox .gameList a{width: 132px;height: 100px;margin: 0 12px 12px 0;background: #000;border: none;border-radius: 8px;} .header .nav9.navbar-sub .sub-content .gameBox .gameList a .apiBtn .apiName {opacity: 1 !important;color: #fff;} .header .nav9.navbar-sub .sub-content .gameBox .gameList a .apiBtn .stGame {opacity: 0 !important;} .header .nav9.navbar-sub .sub-content .gameBox .gameList a:hover {background: #FFC400;} .header .nav9.navbar-sub .sub-content .gameBox .gameList a:hover img {filter: brightness(0);} .header .nav9.navbar-sub .sub-content .gameBox .gameList a:hover .apiBtn .apiName {color: #000;} .header .nav9.navbar-sub .sub-content .gameBox .gameList a .apiIcon {margin: 12px 0 5px;height: 48px;} .header .nav9.navbar-sub .sub-content .gameBox .gameList .gameListAn, .header .nav9.navbar-sub .sub-content .gameBox .gameList .gameListIn, .header .nav9.navbar-sub .sub-content .gameBox, .header .nav9.navbar-sub .sub-content .gameBox .gameList .gameListIn li {width: 720px !important;} .header .nav9.navbar-sub .sub-content .gameBox .gameList .gameListAn, .header .nav9.navbar-sub .sub-content .gameBox .gameList .gameListIn, .header .nav9.navbar-sub .sub-content .gameBox .gameList, .header .nav9.navbar-sub .sub-content .gameBox .gameList .gameListIn li{height: 336px;} .header .nav9.navbar-sub .sub-content .gameBox .gameTitle {border-bottom: none;font-size: 32px;line-height: 1.34375;height: 43px;} .header .nav9.navbar-sub .sub-content .gameBox .gameList {margin-top: 20px;margin-bottom: 0;} .header .nav9.navbar-sub .sub-content .gameBox .gameList .gui {width: 36px;height: 36px;top: 50%;transform: translateY(-50%);background: rgba(255, 255, 255, 0.1);} .header .nav9.navbar-sub .sub-content .gameBox .gameList .gui:hover {background: #FFC400;} .header .nav9.navbar-sub .sub-content .gameBox .gameList .gui:before {content: '';background-size: 14px 14px;width: 36px;height: 36px;display: block;background: center center/14px 14px no-repeat;margin: 0 auto;} .navbar-nav {width: 100%;display: flex;} .navbar-nav > li {flex: 1;position: relative;} .navbar-nav > li:after {content: '';height: 2px;position: absolute;top: -2px;width: 0%;left: 50%;transform: translateX(-50%);background: #FFC400;} /*.navbar-nav .nav-item ~ .nav-item {padding: 0 22px;}*/ .navbar-nav > li:last-of-type {padding-right: 0;} .navbar-nav > li a {text-align: center;font-size: 16px;color: #fff;padding: 0;} .navbar-nav > li.active:after {width: calc(100% - 44px);box-shadow: 0 0 10px 1px #FFC400;} .navbar-nav > li.active a {color: #FFC400;text-shadow: 0 0 10px rgba(255, 221, 0, 0.8);} .footer {clear: both;position: relative;z-index: 11;} .footer-top {background: rgba(26, 26, 26, 0.9);padding: 29px 0;margin-top: -80px;} .footer-top .container {width: 1200px !important;} .footer-partner .list-inline {margin-bottom: 0;} .footer-partner .list-inline>li {padding: 0 21px;} .footer-partner .list-inline>li a {zoom: 0.6115;} .footer-bottom {padding: 56px 0 77px;background-color: #000;} .footer-bottom .logo {margin-bottom: 24px;} .footer-bottom .logo img {max-width: 202px;max-height: 36px;} .footer-bottom ul {padding-left: 0;margin-bottom: 0;} .footer-bottom .container {width: 1200px !important;} .footer-bottom-left ul {display: flex;} .footer-bottom-left li ~ li {margin-left: 12px;} .footer-bottom-left li a{border-radius: 50px;border: 2px solid #2A282A;display: flex;padding: 10px 22px;font-size: 15px;color: #fff;align-items: center;transition: 0.3s;} .footer-bottom-left li a img {margin-right: 8px;transition: 0.3s;} .footer-bottom-left li a:hover {border-color: #FFC400;background: #FFC400;color: #000;} .footer-bottom-left li a:hover img {filter: brightness(0);} .footer-bottom-right {display: flex;gap: 80px;} .footer-bottom-right .title {font-size: 16px;color: #fff;line-height: 1.375;margin-bottom: 12px;} .footer-bottom-right ul li a {font-size: 14px;color: rgba(255, 255, 255, 0.7);line-height: 1.3751529;} .footer-bottom-right ul li ~ li {margin-top: 16px;} .footer-bottom-right ul li a:hover {color: #FFC400;} .footer-copyrights {border-top: 2px solid rgba(255, 255, 255, 0.15);padding: 22px 0;background-color: #000;} .footer-copyrights .container {width: 1200px !important;text-align: center;} .footer-copyrights p {font-size: 14px;color: rgba(255, 255, 255, 0.6);} .footer-copyrights span {color: #FFC400;} /*@media (min-width:900px){*/ /* .notice .notice-news{max-width: 720px !important;}*/ /* !*.index-screen-04 .api-item .box>img{transform: scale(0.4) !important;}*!*/ /* !*.index-screen-04 .api-item:hover .box img{transform: scale(0.6) !important;}*!*/ /* .index-screen-04 .api-item .box>img{transform: scale(0.6) !important;}*/ /* .index-screen-04 .api-item:hover .box img{transform: scale(0.8) !important;}*/ /* .index-screen-04 .api-item.lottery{display: none !important;}*/ /* header .login .header-panel{width: 450px !important;}*/ /* header .login .form-group-username{width: 110px !important;}*/ /* header .login .form-group-password{width: 110px !important;}*/ /*}*/ /*@media (min-width:1200px){*/ /* .notice .notice-news{max-width: 1080px !important;}*/ /* !*.index-screen-04 .api-item .box>img{transform: scale(0.5) !important;}*!*/ /* !*.index-screen-04 .api-item:hover .box img{transform: scale(0.7) !important;}*!*/ /* .index-screen-04 .api-item .box>img{transform: scale(0.6) !important;}*/ /* .index-screen-04 .api-item:hover .box img{transform: scale(0.8) !important;}*/ /* .index-screen-04 .api-item.lottery{display: none !important;}*/ /* header .login .header-panel{width: 450px !important;}*/ /* header .login .form-group-username{width: 110px !important;}*/ /* header .login .form-group-password{width: 110px !important;}*/ /*}*/ /*@media (min-width:1400px){*/ /* .notice .notice-news{max-width: 1220px !important;}*/ /* !*.index-screen-04 .api-item .box>img{transform: scale(0.6) !important;}*!*/ /* !*.index-screen-04 .api-item:hover .box img{transform: scale(0.8) !important;}*!*/ /* .index-screen-04 .api-item .box>img{transform: scale(0.8) !important;}*/ /* .index-screen-04 .api-item:hover .box img{transform: scale(1) !important;}*/ /* .index-screen-04 .api-item.lottery{display: none !important;}*/ /* header .login .header-panel{width: 550px !important;}*/ /* header .login .form-group-username{width: 110px !important;}*/ /* header .login .form-group-password{width: 110px !important;}*/ /*}*/ /*@media (min-width:1600px){*/ /* .notice .notice-news{max-width: 1440px !important;}*/ /* !*.index-screen-04 .api-item .box>img{transform: scale(0.7) !important;}*!*/ /* !*.index-screen-04 .api-item:hover .box img{transform: scale(0.9) !important;}*!*/ /* .index-screen-04 .api-item .box>img{transform: scale(0.8) !important;}*/ /* .index-screen-04 .api-item:hover .box img{transform: scale(1) !important;}*/ /* .index-screen-04 .api-item.lottery{display: flex !important;}*/ /* header .login .header-panel{width: 594px !important;}*/ /* header .login .form-group-username{width: 152px !important;}*/ /* header .login .form-group-password{width: 110px !important;}*/ /*}*/ /*@media (min-width:1920px){*/ /* .notice .notice-news{max-width: 1720px !important;}*/ /* .index-screen-04 .api-item .box>img{transform: scale(0.8) !important;}*/ /* .index-screen-04 .api-item:hover .box img{transform: scale(1) !important;}*/ /* .index-screen-04 .api-item.lottery{display: flex !important;}*/ /* header .login .header-panel{width: 594px !important;}*/ /* header .login .form-group-username{width: 182px !important;}*/ /* header .login .form-group-password{width: 132px !important;}*/ /*}*/ /*a, a:hover {text-decoration: none;}*/ /*!*==================== common 公共 ====================*!*/ /*body{font-family: 'Microsoft YaHei',"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;background:no-repeat top #fff;background-size: 100% 30vh; }*/ /*ul,ol{list-style:none;}*/ /*.container{width:90% !important;margin:0 auto;padding:0;max-width: 1820px;}*/ /*.logo{width: 230px;height: 46px;position: absolute;left: 50%;transform: translateX(-50%) translateY(-50%);text-align: center;top: 50%;}*/ /*.logo img{width: auto;height: 46px;}*/ /*.index.main-promo{width: auto !important;padding: 174px 0 0 0 !important;}*/ /*.page_banner{height: 466px;width: 100%;background: no-repeat center;!*overflow: hidden;*!position: relative;display: flex;justify-content: center;}*/ /*.page_banner .container{display: flex;flex-direction: column;height: 100%;justify-content: center;padding-left: 85px;position: absolute;top: 0;}*/ /*.page_banner h1{color: #fff;font-size: 64px;font-weight: bold;}*/ /*.page_banner span{color: #fff;width: 595px;font-size: 18px;display: block;}*/ /*@-webkit-keyframes leftIn{*/ /* from{opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px);}*/ /* to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}*/ /*}*/ /*@keyframes leftIn{*/ /* from{opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px);}*/ /* to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}*/ /*}*/ /*@keyframes jump_right {*/ /* 0%{opacity: 0;transform: translateX(500px);}*/ /* 60%{opacity: .6;transform: translateX(-25px);}*/ /* 75%{opacity: .75;transform: translateX(10px);}*/ /* 90%{opacity: .9;transform: translateX(-5px);}*/ /* 100%{opacity: 1;transform: translateX(0);}*/ /*}*/ /*小元素上下浮動*/ @keyframes little_pic2{ 0% { transform: translateY(0); } 50% { transform: translateY(30px); } 100% { transform: translateY(0); } } @keyframes little_pic3{ 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes little_pic4{ 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } 50% { -webkit-transform: translateY(10px); transform: translateY(10px); opacity: 1 } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } } /*.leftIn{animation: leftIn 1s forwards;}*/ /*.leftIn1{animation: leftIn 500ms 800ms 1 forwards;}*/ /*.leftIn2{animation: leftIn 600ms 900ms 1 forwards;}*/ /*.leftIn3{animation: leftIn 900ms 1200ms 1 forwards;}*/ /*.jump_right{animation: jump_right 800ms 1000ms 1 alternate forwards;}*/ /*.jump_right1{animation: jump_right 800ms 1200ms 1 alternate forwards;}*/ /*!*header*!*/ /*header{!*background: #b81c23;*!height: 174px;width: 100vw;z-index: 100;!*position: fixed*!position: absolute;}*/ /*header .header-top{height: 106px;border-bottom:1px solid #c6494e;position: relative;!*position: fixed;*!width: 100vw;background:#b81c23;z-index: 100;transition: .5s; }*/ /*header .header-top .container{!*display: flex;*!height: 100%;align-items: center;overflow: visible;}*/ /*header .header-top .left-item{display: inline-block;position: relative;!*min-width: 315px;*!top: 43px;}*/ /*header .header-top .left-item .dropdown.lang{margin-left: 30px;display: inline-block;}*/ /*header .header-top .left-item .dropdown.lang:before{content: '';display: inline-block;width: 4px;height: 4px;border-radius: 1px;background: #fff;position: absolute;top: 9px;left: -17px;}*/ /*header .header-top .left-item .dropdown.lang a{color: #fff;}*/ /*header .header-top .left-item .dropdown.lang .lan{background: no-repeat right center;}*/ /*header .header-top .left-item .dropdown.lang .dropdown-menu { min-width: 110px; margin-top: 0; padding: 5px; border-color: #212431; background: #10101a;left: -15px; }*/ /*header .header-top .left-item .dropdown.lang .dropdown-menu .lan { padding: 2px 30px 2px 10px; font-size: 12px; }*/ /*header .header-top .left-item .dropdown.lang:hover .dropdown-menu { display: block; }*/ /*header ._user_time{color: #fff;opacity: .5;}*/ /*header .header-top .login{width: 45%;text-align: right;!*min-width: 675px;*!position: relative;!*top: 12px;*!height: 100%;display: flex;justify-content: flex-end;align-items: center;}*/ /*header .login ._vr_unLogin,*/ /*header .login .form-inline{width: 100%;height: 100%;}*/ /*header .login .form-inline{display: flex;flex-wrap: wrap;justify-content: flex-end;align-items: center;align-content: center;}*/ /*header .login .form-group-username{width: 24%;max-width: 182px;}*/ /*header .login .form-group-password{width: 18%;max-width: 136px;}*/ /*header .login .form-control{width: 100%;height: 36px;border-radius: 18px;border: 2px solid #cd6165;background: none;color: #fff;}*/ /*header .login .form-control::placeholder{ color: #cd6165;}*/ /*header .login .form-group .form-control.captcha-input {width: 90px;}*/ /*!*header .login .form-group .form-control.password{width: 35%;}*!*/ /*header .login .form-group{position: relative;margin: 4px 8px 4px 0;}*/ /*!*header .login .form-group input::placeholder{color: #fff !important;}*!*/ /*header .login .form-group .forget{display: inline-block;width: 24px;height: 24px;border-radius: 12px;text-align: center;line-height: 24px;color: #fff;position: absolute;background: no-repeat center rgba(255,255,255,0.4);transition: .3s;}*/ /*header .login .form-group .forget.forget-user{right: 6px;top: 6px;}*/ /*header .login .form-group .forget.forget-pw{right: 6px;top: 6px;}*/ /*header .login .form-group .forget:hover{background: no-repeat center rgba(255,255,255,0.7)}*/ /*header .login .form-group .form-btn{transition: .3s;}*/ /*header .login .form-group .login-btn{display: inline-block;width: auto;height: 36px;border: 2px solid #fff;background: none;color: #fff;padding: 0 17px;line-height: 32px;border-radius: 18px;}*/ /*header .login .form-group .login-btn:hover{background: #fff;color: #b81c23;}*/ /*header .login .form-group .register-btn{display: inline-block;width: auto;height: 36px;background-color:rgba(255,255,255,0.9);color:#b81c23;padding: 0 17px;line-height: 36px;border-radius: 18px;margin-left: 8px; }*/ /*header .login .form-group .register-btn:hover{background-color:rgba(255,255,255,1);}*/ /*header .login .form-group .signIn{display: inline-block;background-color: rgba(255,210,2,0.8);padding: 0 17px;line-height: 36px;border-radius: 18px;color: #fff;margin-left: 16px;vertical-align: middle}*/ /*header .login .form-group .signIn:hover{background-color: #d29805;}*/ /*header .login .form-group .signIn span{display: inline-block;width: 20px;height: 20px;border-radius: 10px;text-align: center;margin-right: 4px;background: no-repeat center;vertical-align: middle;}*/ /*header .login .header-panel{float: right;width: 100%;}*/ /*header .login .header-panel ul{text-align: right;}*/ /*header .header-bottom{!*height: calc(100% - 106px)*!!*padding-top: 106px;*!height: 68px;width: 100vw;background:#b81c23; }*/ /*header .header-bottom .container{display: flex;align-items: center;justify-content: center;height: 100%;}*/ /*header .header-bottom .container .navbar,*/ /*header .header-bottom .container .navbar-collapse,*/ /*header .header-bottom .container ul,*/ /*header .header-bottom .container ul li{height: 100%;}*/ /*header .header-bottom .container ul li{position: relative;}*/ /*header .header-bottom .container ul li a{color:#fff;opacity: .8;height: 100%;line-height: 70px;display: flex;align-items: center; }*/ /*header .header-bottom .container ul li a > img{margin-right: 8px;}*/ /*header .header-bottom .container ul li.active{border-bottom: 2px solid #fff;}*/ /*header .header-bottom .container ul li.active a{opacity: 1;}*/ /*header .header-bottom .container ul li + li:before{content: '';display: inline-block;width: 4px;height: 4px;border-radius: 1px;background: #fff;position: absolute;top: 33px;left: -3px;}*/ header .header-panel ul .panel_logout a{background-color: #FFC400 !important;border: none !important;border-radius: 50px !important;padding:5px 10px;height: auto !important;color: #000 !important;transition: 0.3s;} header .header-panel ul .panel_logout a:hover{background-color: #d29805 !important;} header .header-panel ul li{position: relative;margin-right: 28px;} header .header-panel ul li + li:before{content: "";position: absolute;display: inline-block;width: 4px;height: 4px;border-radius: 50%;background: rgba(255, 255, 255, 0.4);top: 50%;left: -16px;transform: translateY(-50%);} header .header-panel ul li.panel_logout:before{display: none;} /*header.scrollPage{top: -106px;position: fixed;}*/ /*!*header.scrollPage .header-top{overflow: hidden;height: 0;}*!*/ /*!*header.scrollPage .header-bottom{position: fixed;top: 0;}*!*/ /*nav*/ /*.nav9.navbar-sub .sub-content .container-nav9{width: 70% !important;min-width: 1200px;}*/ /*!*.nav9.navbar-sub .sub-content .gameBox{width: 53% !important;}*!*/ /*.nav-9-2 .nav9.navbar-sub .sub-content .gameBox .gameTitle{border: none !important;}*/ /*!*.nav9.navbar-sub .sub-content .gameBox .gameList .gui.gui-chevron-right{left: 730px !important;right: auto !important;}*!*/ /*.nav9.navbar-sub .sub-content .gameImg.gameImg_live img.gameImgA{top: 0 !important;}*/ /*.nav9.navbar-sub .sub-content .gameImg.gameImg_live img.gameImgG{left: 0 !important;top: 0 !important;}*/ /*.nav9.navbar-sub .sub-content .gameImg.gameImg_live img.gameImgE{top: 98px !important;}*/ /*.nav9.navbar-sub .sub-content .gameImg.gameImg_live img.gameImgF{left: 490px !important;}*/ /*.nav9.navbar-sub .sub-content .gameImg.gameImg_casino img.gameImgA{left: 0 !important;top: 0 !important;}*/ /*.nav9.navbar-sub .sub-content .gameImg.gameImg_casino img.gameImgB{left: 22px !important;top: 38px !important;}*/ /*.nav9.navbar-sub .sub-content .gameImg.gameImg_casino img.gameImgD{left: 457px !important;top: 241px !important;}*/ /*.nav9.navbar-sub .sub-content .gameImg.gameImg_casino img.gameImgE{left: 0 !important;top: 0 !important;}*/ /*.nav9.navbar-sub .sub-content .gameImg.gameImg_sports img.gameImgA{left: 0 !important;top: 0 !important;}*/ /*.nav9.navbar-sub .sub-content .gameImg.gameImg_sports img.gameImgC{left: -30px !important;top: 58px !important;}*/ /*.nav9.navbar-sub .sub-content .gameImg.gameImg_sports img.gameImgD{left: 0 !important;top: 0 !important;}*/ /*.nav9.navbar-sub .sub-content .gameImg.gameImg_sports img.gameImgE{left: 464px !important;top: 302px !important;}*/ /*.nav9.navbar-sub .sub-content .gameImg.gameImg_lottery img.gameImgA{left: 0 !important;top: 0 !important;}*/ /*.nav9.navbar-sub .sub-content .gameImg.gameImg_lottery img.gameImgC{left: 0 !important;top: 0 !important;}*/ /*.nav9.navbar-sub .sub-content .gameImg.gameImg_lottery img.gameImgE{top: 341px;left: 47px;}*/ /*.nav9.navbar-sub .sub-content .gameImg.gameImg_lottery img.gameImgF{top: 108px;left: 450px;}*/ /*.nav9.navbar-sub .sub-content .gameImg.gameImg_chess img.gameImgA{left: 0 !important;top: 0 !important;}*/ /*.nav9.navbar-sub .sub-content .gameImg.gameImg_chess img.gameImgC{left: 0 !important;top: 0 !important;}*/ /*.nav9.navbar-sub .sub-content .gameImg.gameImg_chess img.gameImgD{left: 515px !important;top: 29px !important;}*/ /*.nav9.navbar-sub .sub-content .gameImg.gameImg_financial img.gameImgA{left: 0 !important;top: 0 !important;}*/ /*.nav9.navbar-sub .sub-content .gameImg.gameImg_financial img.gameImgC{left: 0 !important;top: 0 !important;}*/ /*.nav9.navbar-sub .sub-content .gameImg.gameImg_financial img.gameImgE{left: 0 !important;top: 335px !important;}*/ /*.nav9.navbar-sub .sub-content .gameImg.gameImg_financial img.gameImgD{left: 506px !important;top: 0 !important;}*/ /*.nav9.navbar-sub .sub-content .gameImg.gameImg_fish img.gameImgA{left: 0 !important;top: 0 !important;}*/ /*.nav9.navbar-sub .sub-content .gameImg.gameImg_fish img.gameImgC{left: 0 !important;top: 0 !important;}*/ /*.nav9.navbar-sub .sub-content .gameImg.gameImg_fish img.gameImgD{left: 464px !important;top: 58px !important;}*/ /*.nav9.navbar-sub .sub-content .gameImg.gameImg_hotgame img.gameImgA{left: 0 !important;top: 0 !important;}*/ /*.nav9.navbar-sub .sub-content .gameImg.gameImg_hotgame img.gameImgB{left: 0 !important;top: 0 !important;}*/ /*.nav9.navbar-sub .sub-content .gameImg.gameImg_hotgame img.gameImgE{left: 50px;top: 100px;}*/ /*.nav9.navbar-sub .sub-content .gameImg.gameImg_hotgame img.gameImgF{left: 512px;top: 303px;}*/ /*.nav-9-2 .nav9.navbar-sub .sub-content .gameBox .gameList a:hover{background-color:#b81c23 !important;}*/ /*!*.nav9.navbar-sub .sub-content .gameBox .gameList .gameListAn, .nav9.navbar-sub .sub-content .gameBox .gameList .gameListIn{width:730px !important;height: 330px !important;}*!*/ /*.nav9.navbar-sub .sub-content .gameBox .gameList a{border-radius:8px !important;border: none !important;}*/ /*!*.nav9.navbar-sub .sub-content .gameBox .gameList .gameListIn li{width: 730px !important;height: 330px !important;}*!*/ /*!*.nav9.navbar-sub .sub-content .gameBox .gameList{margin: 20px 0 !important;}*!*/ /*.nav-9-2 .nav9.navbar-sub .sub-content{border-bottom-color: transparent !important;}*/ /*.nav9.navbar-sub .sub-content .gameBox .gameList a .apiBtn{display: flex !important;justify-content: center !important;}*/ /*.nav9.navbar-sub .sub-content .gameBox .gameList a .apiBtn span{width: 90% !important;}*/ /*!*.nav9.navbar-sub .sub-content .gameImg.gameImg_casino img.gameImgB{transform: translateX(-500px) !important; animation: jump_left 800ms 500ms 1 alternate forwards !important; }*!*/ /*!*.nav9.navbar-sub .sub-content .gameImg.gameImg_casino img.gameImgB{animation-delay:100ms !important;}*!*/ /*.index-slide{width: 90%;margin: 0 auto;max-width: 1820px;!*padding-top: 106px;*!}*/ /*.slide .slide-inner li,*/ /*.slide .slide-inner li a,*/ /*.index-slide .slide{height: 680px;}*/ /*.slide .slide-inner li{background-size: cover;}*/ /*.index-slide .slide, .index-slide .slide .slide-inner li, .index-slide .slide .slide-inner li a{border-radius: 40px;overflow: hidden;z-index: 9;}*/ /*.slide .slide-indicators{right: 20px !important;width: 20px !important;height: 100% !important;left: auto !important;}*/ /*.slide .slide-indicators ul{display: flex;flex-direction: column;height: 100%;justify-content: center;padding: 0;}*/ /*.slide .slide-indicators li{width: 16px !important;height: 16px !important;border-radius: 16px;background: none !important;border:3px solid #fff; }*/ /*.slide .slide-indicators ul .active{background: #fff !important;}*/ .index-slide .slide .slide-indicators {height: auto;line-height: normal;bottom: 60px;padding: 0;overflow: hidden;} /*.index-slide .slide .slide-indicators ul {display: flex;flex-direction: column;padding-left: 0;margin-bottom: 0;}*/ /*.index-slide .slide .slide-indicators ul li {line-height: normal;opacity: 1;filter: none;background: transparent;color: #fff;width: auto;height: auto;font-size: 24px;margin: 0;transform: scale(0.66);transition: all 0.3s;position: relative;overflow: visible;}*/ /*.index-slide .slide .slide-indicators ul li:after {content: '';position: absolute;width: 16px;height: 2px;background: #FFC400;top: 50%;right: -50px;opacity: 0;}*/ /*.index-slide .slide .slide-indicators ul li:hover,*/ /*.index-slide .slide .slide-indicators ul li.active {background: transparent;color: #FFC400;font-weight: bold;transform: scale(1);font-size: 24px}*/ /*.index-slide .slide .slide-indicators ul li.active:after {right: -24px;transition: right 0.3s;opacity: 1;}*/ /*.index-slide .slide .slide-indicators ul li + li {margin-top: 12px;}*/ /* notice */ .notice{height:64px;position:relative;line-height:64px;background: rgba(0, 0, 0, 0.3);margin-top: -64px;} .notice .notice-news{display: flex;justify-content: center;align-items: center;overflow: hidden;margin: 0 auto;} .notice .icon-news{color: #FFC400;text-shadow: 0 0 10px rgba(255, 221, 0, 0.8);font-size: 16px;margin-bottom: 0;} .notice .notice-gutter {width: 2px;height: 12px;background: #FFC400;margin: 0 12px;} .notice .notice-list{height:64px;overflow:hidden;flex: 1;} .notice .notice-list a{color:#fff;font-size:14px;} /*!*======== register 注册================*!*/ /*!*.main-register .code img { height: 34px; }*!*/ /*!*.main-register .page-content .reg_head{width: 100%;height: 48px;padding: 5px;background: url(images/reg_right_add.png) no-repeat center -4px;text-align: center;border: none;margin-bottom: 10px;margin-top: 5px;}*!*/ /*!*.main-register .page-content .reg_head .add_title{display: inline-block;font-size: 14px;font-weight: bold;padding-left: 55px;line-height: 48px;background:url(images/favicon.png) no-repeat left center; background-size:48px 48px;color:#f8e678; }*!*/ /*!*.main-register .page-content fieldset{border: 2px solid #9b836f; border-radius: 10px;margin-bottom: 20px;padding: 15px;}*!*/ /*!*.main-register .account-info, .main-register .person-info { font-size: 14px; padding-left: 60px; position: relative;}*!*/ /*!*.main-register .account-info:before, .main-register .person-info:before { content: '账户信息'; background: #14323D; position: absolute;font-weight: bold; z-index: 1; padding: 0 5px; top:-10px;left: 5%; color: #FF0; font-size: 12px; }*!*/ /*!*.main-register .person-info:before { content: '个人资料'; }*!*/ /*!*.main-register form { color: #f8e678; }*!*/ /*!*.main-register .page-content .person-info .btn-warning {color: #000;background-color: #959393;border-color: #959393;}*!*/ /*!*.main-register .page-content .remarks{padding-left: 30px;color: #c9b2a0;font-size: 12px;}*!*/ /*!*.register-about .col-4-1{padding-right: 24px;margin-top: 10px;}*!*/ /*!*.register-about .col-4-1 .list-group-item{background-color: #1a3d4f;border: none;color:#eeeeee;text-align: center;font-size: 16px; }*!*/ /*!*.register-about .col-4-1 .list-group-item:hover{background-color:#E99311;color: #000000}*!*/ /*!*.main-register .reg_desc{padding-left:24px;border: none;line-height: 24px;padding-bottom: 10px; }*!*/ /*!*.main-register .reg_desc p{margin-bottom: 0px;font-size: 12px;color: #f8e678;}*!*/ /*!*.main-register .register-about{margin-bottom: 10px;}*!*/ /*!*.main-register .phone-area-code {flex-wrap: wrap;}*!*/ /*!*footer*!*/ /*footer{height: 340px;background: #b81c22;border-top-left-radius: 20px;border-top-right-radius: 20px;position: relative;z-index: 99;}*/ /*footer .footer-top{height: 284px;}*/ /*footer .footer-top .container{display: flex;height: 100%;justify-content: center;padding-top: 48px;}*/ /*footer .footer-top .item.item-partner{margin-right: 104px;}*/ /*footer .footer-top .item.item-about,*/ /*footer .footer-top .item.item-privacy,*/ /*footer .footer-top .item.item-help{margin-right: 55px;}*/ /*footer .footer-top .item .footer-partner{max-width: 523px;}*/ /*footer .footer-top .item .footer-partner ul{text-align: left !important; }*/ /*footer .footer-top .item ul{padding: 0;}*/ /*footer .footer-top .item ul li a{color: #fff;opacity: .6;width: 120px;margin-bottom: 17px;line-height: 35px;}*/ /*footer .footer-top .item ul li a:hover{opacity: 1;}*/ /*footer .footer-top .item .title{color: #fff;font-size: 16px;margin-bottom: 25px;}*/ /*footer .footer-bottom{height: 56px;line-height: 55px;background: #800005;}*/ /*footer .footer-bottom .container{text-align: center}*/ /*footer .footer-bottom span{color: #fff;opacity: .6;}*/ /*index*/ .index{padding-top: 50px;} .index .slide {background: #000;} .index .slide .slide-inner ul {height: 800px;} .index .slide, .index .slide .slide-inner li, .index .slide .slide-inner li a {height: 800px;} .index .index-slide {position: relative;} /*.index{padding-top: 174px !important;}*/ /*index-screen-01*/ .sport-01 {position: absolute;left: 0;right: 0;bottom: 96px;} .sport-01 .container {overflow: visible;} .sport-01 .swiperRoot {position: relative;} .sport-01 .sports-swiper {margin: 0 76px;} .sport-01 .item-box {background-color: rgba(0, 0, 0, 0.6);border-radius: 12px;padding: 20px 44px 24px;color: #fff;text-align: center;} .sport-01 .top-title {font-size: 16px;font-weight: bold;line-height: 1.375;margin-bottom: 4px;} .sport-01 .time {font-size: 15px;letter-spacing: 0.2px;color: rgba(255, 255, 255, 0.5);line-height: 1.46667;margin-bottom: 12px;} .sport-01 .content {display: flex;justify-content: center;align-items: flex-start;} .sport-01 .vs-text {margin: 16px 57px 0;font-size: 36px;} .sport-01 .img_box {width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;} .sport-01 .img_box img {max-width: 100%;max-height: 100%;height: auto;} .sport-01 .team {display: flex;flex-direction: column;align-items: center;} .sport-01 .team span {font-size: 16px;font-weight: bold;line-height: 1.375;margin-top: 8px;white-space: nowrap;max-width: 96px;text-overflow: ellipsis;overflow: hidden;} .sport-01 .btn_start {padding: 10px 32px;font-size: 18px;font-weight: bold;color: #fff;border: 1px solid #FFC400;border-radius: 50px;display: inline-block;margin-top: 6px;position: relative;transition: 0.3s;text-transform: uppercase;} .sport-01 .btn_start:after {content: '';position: absolute;top: -1px;left: -1px;bottom: -1px;right: -1px;border: 3px solid #FFC400;filter: blur(3px);border-radius: 50px;} .sport-01 .btn_start:hover {background: #FFC400;color: #000;} .sport-01 .swiperRoot .swiper-btn {position: absolute;top: 50%;transform: translateY(-50%);min-width: 64px;min-height: 64px;border-radius: 50%;background: rgba(0, 0, 0, 0.6);display: flex;align-items: center;justify-content: center;transition: 0.3s;} .sport-01 .swiperRoot .swiper-btn:before {content: '';position: absolute;width: 20px;height: 20px;background-size: cover;transition: 0.3s;} .sport-01 .swiperRoot .swiper-btn.prev {left: -28px;} .sport-01 .swiperRoot .swiper-btn.next {right: -28px;} .sport-01 .swiperRoot .swiper-btn:hover {background: #FFC400;} .main-block {position: relative;overflow: hidden;} .main-block_decorate {position: absolute;} .main-block_decorate--01 {top: 109px;left: 308px;} .main-block_decorate--02 {top: 571px;left: 224px;} .main-block_decorate--03 {top: 429px;left: 106px;} .main-block_decorate--04 {top: 311px;right: -64px;} .main-block_decorate--05 {top: 896px;right: 199px;} .main-block_decorate--06 {top: 1112px;left: -35px;} .main-block_decorate--07 {top: 1379px;right: 53px;} .main-block_decorate--08 {top: 1712px;left: 52px;} .main-block_decorate--09 {top: 2169px;right: 98px;} .main-block_decorate--10 {top: 2034px;right: -26px;} /*index-screen-02*/ /*.index-screen-02{background: no-repeat top;position: relative;background-size: 100% auto;margin-bottom: 68px;}*/ .index-screen-02 {padding-top: 122px;} .index-screen-02 .container{display: flex;justify-content: center;} .index-screen-02 .container .app-left {max-width: 562px;width: 562px;display: flex;flex-direction: column;align-items: center;margin-top: 70px;} .index-screen-02 .container .title {line-height: 1.375;color: #fff;font-size: 40px;font-weight: bold;letter-spacing: 1px;margin-bottom: 16px;text-align: center;} .index-screen-02 .container .text {font-size: 18px;text-align: center;color: #fff;line-height: 1.33334;margin-bottom: 64px;} .index-screen-02 .container .text2 {font-size: 16px;line-height: 1.375;color: #fff;} .index-screen-02 .container .text2 a {color: #FFC400;} .index-screen-02 .container .text2 ~ .text2 {margin-top: 8px;} .index-screen-02 .container .qrcode {padding: 20px;border: 2px solid #FFC400;border-radius: 12px;margin-bottom: 28px;position: relative;} .index-screen-02 .container .qrcode:after {content: '';position: absolute;top: -2px;left: -2px;right: -2px;bottom: -2px;border: 4px solid #FFC400;filter: blur(6px);border-radius: 12px;} .index-screen-02 .container .phone-img {position: relative;} .index-screen-02 .container .phone-decorate {position: absolute;} .index-screen-02 .container .phone-decorate--01 {top: 18px;right: 129px;} .index-screen-02 .container .phone-decorate--02 {top: 290px;left: 21px;} .index-screen-02 .container .phone-decorate--03 {top: 474px;right: -19px;} /*.index-screen-02 .container .content{width: 100%;display: flex;justify-content: center;}*/ /*.index-screen-02 .container .content .phone-img{position: relative;width: 600px;height: 630px;}*/ /*.index-screen-02 .container .content .phone{position: absolute;opacity: 0;}*/ /*.index-screen-02 .container .content .phone.phone1{left: 10%;top: 64px;z-index: 2}*/ /*.index-screen-02 .container .content .phone.phone2{left: 45%;top: 114px;z-index: 1}*/ /*.index-screen-02 .container .content>div{display: flex;width: 400px;height: 630px;flex-direction: column;align-items: center;padding-top: 130px;}*/ /*.index-screen-02 .container .content .qrcode{width: 240px;height: 240px;border-radius: 20px;background: #fff;margin-bottom: 40px;box-shadow: 5px 5px 18px -3px #e5e5e5;display: flex;align-items: center;justify-content: center;opacity: 0;}*/ /*.index-screen-02 .container .content .text2{text-align: center;}*/ /*.index-screen-02 .bg-girl{position: absolute;overflow: hidden;}*/ /*.index-screen-02 .bg-girl1{width: 28%;max-width: 492px;height: 632px;left: 0;top: 32%;background: no-repeat center right;}*/ /*.index-screen-02 .bg-girl1 #girlCanvas1{width: 100%;max-width: 492px;position: absolute;overflow: hidden;height: auto;}*/ /*.index-screen-02 .bg-girl2{width: 32%;max-width: 424px;height: 604px;right: 0;top: -28%;background: no-repeat center left;}*/ /*.index-screen-02 .bg-girl2 #girlCanvas2{width: 100%;max-width: 424px;position: absolute;overflow: hidden;height: auto;max-height: 604px;}*/ /*index-screen-03*/ .index-screen-03 {position: relative;margin-top: -30px;} .index-screen-03 .api-top {padding-left: 0;margin-bottom: 0;} .index-screen-03 .api-top-li {display: flex;position: relative;display: none;justify-content: center;} .index-screen-03 .api-top-li:nth-of-type(2) {display: flex;} .index-screen-03 .api-top__bg {position: absolute;right: 960px;bottom: 22px;} .index-screen-03 .api-img {margin-left: -270px;position: relative;} .index-screen-03 .api-img-svga {position: absolute;top: 0;left: 0;bottom: 0;right: 0;} .index-screen-03 .api-img-svga canvas {position: absolute;top: 0;left: 0;right: 0;bottom: 0;} .index-screen-03 .api-game {display: flex;flex-direction: column;align-items: center;margin-top: 90px;width: 280px;} .index-screen-03 .api-game__title {font-size: 40px;font-weight: bold;line-height: 1.375;color: #fff;margin-bottom: 24px;text-align: center;} .index-screen-03 .api-btn-more {padding: 8px;position: relative;margin-top: 36px;} .index-screen-03 .api-btn-more .border {border: 1px solid #FFC400;border-radius: 50px;position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: block;} .index-screen-03 .api-btn-more .border:after {content: '';position: absolute;top: -1px;left: -1px;bottom: -1px;right: -1px;border: 3px solid #FFC400;filter: blur(3px);border-radius: 50px;} .index-screen-03 .api-btn-more .border:hover {animation: api-btn-more-ani 0.6s infinite;} .index-screen-03 .api-btn-more .text {background: #FFC400;border-radius: 50px;font-size: 16px;color: #000;padding: 12px 34px;font-weight: bold;display: block;} @keyframes api-btn-more-ani { 0% { transform: scale(1); } 100% { transform: scale(1.08); } } .index-screen-03 .api-logo {display: flex;flex-wrap: wrap;justify-content: center;padding-left: 0;margin-bottom: 0;max-width: 280px;gap: 15px 11px;width: 280px;} .index-screen-03 .api-logo__list {width: 58px;height: 58px;border-radius: 50%;background: #242527;padding: 6px;} .index-screen-03 .api-logo__list img {max-width: 100%;height: auto;} .index-screen-03 .api-tags {display: flex;padding-left: 0;gap: 4px;margin: -140px -12px 0;align-items: center;justify-content: space-between;} .index-screen-03 .container {overflow: visible;} .index-screen-03 .api-tags-li {position: relative;width: 446px;transition: width 0.2s;} .index-screen-03 .api-tags-li img {transition: opacity 0.2s;} .index-screen-03 .api-tags-li img:nth-of-type(1) {} .index-screen-03 .api-tags-li img:nth-of-type(2) {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);opacity: 0;} .index-screen-03 .api-tags-li p {position: absolute;font-size: 24px;color: #fff;font-weight: bold;margin-bottom: 0;} .index-screen-03 .api-tags-li p:nth-of-type(1) {top: 105px;left: 72px;} .index-screen-03 .api-tags-li p:nth-of-type(2) {bottom: 12px;left: 0;right: 0;text-align: center;opacity: 0;} .index-screen-03 .api-tags-li--active {width: 524px;} .index-screen-03 .api-tags-li--active img:nth-of-type(1) {opacity: 0;} .index-screen-03 .api-tags-li--active img:nth-of-type(2) {opacity: 1;} .index-screen-03 .api-tags-li--active p:nth-of-type(1) {opacity: 0;} .index-screen-03 .api-tags-li--active p:nth-of-type(2) {opacity: 1;transition: opacity 0.2s;} /*.index-screen-03{background: no-repeat bottom;background-size: 100% auto;}*/ /*.index-screen-03 .container{height: 861px;background: no-repeat bottom;background-size: 100% auto;position: relative;overflow: visible;}*/ /*.index-screen-03 .container .slide2{width: 1068px;margin: 0 auto;position: relative;height: 100%;overflow: visible;}*/ /*.index-screen-03 .item{box-shadow: 5px 5px 18px -3px rgba(31,1,0,0.1);border-radius: 20px;} !*#a8191f*!*/ /*.index-screen-03 .item a{display: inline-block;width: 100%;height: 100%;}*/ /*.index-screen-03 .item-s0{width: 920px;height: 360px;padding: 20px;margin: 10px 0 24px 0;z-index: 1;box-sizing: border-box !important;background: no-repeat left #fff;}*/ /*.index-screen-03 .item-s1{width: 520px;height: 396px;background: #fff;padding: 20px;display: inline-block;margin: 0 0 65px 0;z-index: 5;position: absolute;bottom: 0;box-sizing: border-box !important;left: 0;}*/ /*.index-screen-03 .item-s2{width: 520px;height: 396px;background: #fff;padding: 20px;display: inline-block;margin: 0 0 65px 24px;z-index: 5;position: absolute;bottom: 0;box-sizing: border-box !important;right: 0;}*/ /*.index-screen-03 .item-s0 .home_pic{display: flex;align-items: center;}*/ /*.index-screen-03 .api-tabs{background: none;border: none;height: 100%;}*/ /*.index-screen-03 .item-s0 .promo-img{width: 100%;max-width: 480px;height: 320px;margin-right: 30px;display: inline-block;vertical-align: middle;background: no-repeat center;background-size: cover;border-radius: 20px;}*/ /*.index-screen-03 .item-s1 .promo-img{width: 100%;max-width: 480px;height: 320px;margin-bottom: 10px;background: no-repeat center;background-size: cover;border-radius: 20px;}*/ /*.index-screen-03 .item-s2 .promo-img{width: 100%;max-width: 480px;height: 320px;margin-bottom: 10px;background: no-repeat center;background-size: cover;border-radius: 20px;}*/ /*.index-screen-03 .item .promo-title{font-size: 20px;font-weight: bold;display: inline-block;vertical-align: middle;color: #333333;}*/ /*.index-screen-03 .human{position: absolute;z-index: 2;width: 49%;max-width: 610px;height: 632px;top: -103px;right: -10%;background: no-repeat center;background-size: 100% auto;}*/ /*.index-screen-03 .human #humanCanvas{width:100%;max-width: 610px;position: absolute;height: auto;top: -29px;right: 9%;max-height: 632px;}*/ /*.index-screen-03 .promo_decorate01{position: absolute;top: -9%;right: 4%;}*/ /*.index-screen-03 .promo_discountcoin01{position: absolute;top: 61%;left: 15%;z-index: 6;}*/ /*.index-screen-03 .promo_discountcoin02{position: absolute;left: 3%;bottom: -8%;}*/ /*.index-screen-03 .promo_discountdecorate03{position: absolute;top: 84%;right: 14%;z-index: 6;}*/ /*.main-promo .index-screen-03 .list-type1 .promo-item .btn-detail{display: block !important;border: none !important;position: relative;text-align: left;left: auto;right: auto;margin-top:0; }*/ /*.main-promo .index-screen-03 .list-type1 .item-s0 .promo-item .btn-detail{width: 175px;white-space: normal;overflow: visible;height: auto;}*/ /*.main-index .layui-layer.layui-layer-info .layui-layer-title{background: #b81c22;}*/ /*.main-index .layui-layer.layui-layer-info .layui-layer-setwin .layui-layer-close{border: 3px solid #b81c22;color: #b81c22;}*/ /*.main-index .layui-layer.layui-layer-info .layui-layer-btn a{border-color: #b81c22;background-color: #b81c22; }*/ /*index-screen-04*/ .index-screen-04 {margin-top: 155px;padding-bottom: 216px;} .index-screen-04 .promo-title {font-size: 40px;font-weight: bold;color: #fff;line-height: 1.375;text-align: center;margin: 0 0 40px;} .index-screen-04 .row {margin-left: -12px;margin-right: -12px;} .index-screen-04 .col-3-1 {padding-left: 12px;padding-right: 12px;} .index-screen-04 .home_pic {position: relative;border-radius: 8px;overflow: hidden;} .index-screen-04 .home_pic img {width: 100%;height: 300px;object-fit: cover;} .index-screen-04 .home_pic .shadow {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.8);opacity: 0;transition: 0.3s} .index-screen-04 .home_pic a {position: absolute;left: 0;right: 0;top: 0;bottom: 0;color: #fff;font-size: 24px;align-items: center;justify-content: center;text-align: center;display: none;} .index-screen-04 .promo-detail {display: none;} .index-screen-04 .home_pic:hover .shadow {opacity: 1;} .index-screen-04 .home_pic:hover a {display: flex;} /*!*live*!*/ .main-live{padding-top: 175px;height: 1040px;background: no-repeat top center;} .live-list {height: 830px;position: relative;} .live-list .content_text {width: 100%;height: 830px;position: absolute;filter: alpha(opacity=0);opacity: 0;transition: all 1.5s;-moz-transition: all 1.5s;-webkit-transition: all 1.5s;} .live-list .content_text.active {filter: alpha(opacity=100);opacity: 1;z-index: 11;} .live-list .content_text .live-item {width: 660px;height: 430px;position: absolute;top: 100px;right: 0;} .live-list .content_text .live-img{height: 830px;width: 800px;background: no-repeat center;} .live-list .container{width: 80% !important;max-width: 1400px !important;position: relative;} .live-list .live-item .cover {display: inline-block; max-height: 180px; overflow: hidden;} .live-list .live-item .cover_list {width:156px;height: 64px;float: left;text-align: center;background: #272727;border-radius: 40px;margin: 8px 4.5px;} .live-list .live-item .cover_list .hoverBg{width: 136px;height: 48px;display: flex;justify-content: center;align-items: center;border-radius: 40px;} .live-list .live-item .cover_list .hoverBg > img{margin-right: 5px;} .live-list .live-item .cover_list a{display: flex;width: 100%;height: 100%;justify-content: center;align-items: center;color: rgba(255, 255, 255, 0.8);} .live-list .live-item .cover_list a .start_btn{display: none;font-weight: bold;} .live-list .live-item .cover_list:hover .hoverBg{background:#FFC400;} .live-list .live-item .cover_list:hover a .start_btn{display: block;color: #000;} .live-list .live-item .cover_list:hover h5, .live-list .live-item .cover_list:hover img, .live-list .live-item .cover_list:hover .type-icon{display: none;} /*.live-list .live-item .cover_list .btn-live {display: inline-block;width: 100%;height: 100%; color: rgb(212, 212, 212);}*/ /*.live-list .live-item .cover_list .btn-live:hover {color: #e9df9e; }*/ /*.live-list .live-item .cover_list .btn-live .gui {margin: 10px 0;font-size: 36px;}*/ /*.live-list .live-item .cover_list .btn-live h5 {font-size: 15px;margin-top: 0;}*/ .live-list .live-item .live-logo {height: auto;margin-bottom: 24px;display: flex;flex-direction: column;align-items: center;} .live-list .live-item .live-logo > h1{font-size: 40px;font-weight: bold;line-height: 1.375;color: #fff;margin-top: 20px;margin-bottom: 12px;} .live-list .live-item .live-logo h5 {color: rgba(255, 255, 255, 0.8);font-size: 16px;line-height: 1.6875;margin: 0;} .live-list .live-item .live-play {width: 156px;height: 64px;margin-top: 40px;display: inline-block;transition: all 300ms;} /*.live-list .live-item .live-play:hover {background-image: url(${publicPath}/live-button-hover.jpg);}*/ .live-list .live-item .live-play .Start_text {display: block;text-align: center;line-height: 54px;font-size: 24px;color: #f0d1aa;text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);} .live-list .live_list {width: 100%;position: absolute;text-align: center;bottom: 80px;z-index: 99;} /*.live-list .live_list ul {float: left;position: relative;left: 50%;top: 20px;transform: translateX(-50%);}*/ .live-list .live_list li {width: 140px !important;height: 140px;display: inline-block;position: relative;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;padding-left: 10px;padding-right: 10px;} /*.live-list .live_list li + li {margin-left: 9px;}*/ .live-list .live_list li img {transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;} .live-list .live_list li .img02 {position: absolute;top: 0;left: 0;filter: alpha(opacity=0);opacity: 0;} .live-list .live_list li.active .img01 {filter: alpha(opacity=0);opacity: 0;} .live-list .live_list li.active .img02 {filter: alpha(opacity=100);opacity: 1;} .live-list .live_list li a { position: relative; top: 20px; display: flex;width: 120px;height: 120px; color: #b2b2b2; transition: .2s;background: rgba(39, 39, 39, 0.9);border-radius: 12px;flex-direction: column;align-items: center;} .live-list .live_list li .live_logo{background: center no-repeat;} .live-list .live_list li.active a, .live-list .live_list li:hover a {top: 0;background: #FFC400;color: #000;} .live-list .live_list li a .live_logo {width: 120px;height: 80px;display: block;background-position-y:bottom;} .live-list .live_list li a .live_title{font-size: 18px;white-space:nowrap;text-overflow:ellipsis;width: 90%;overflow: hidden;} .live-list .live_list .tempWrap{margin: 0 auto;} /*.live-list .live_list .carousel.auto .carousel-control{width: 48px;top: 20px;}*/ /*.live-list .live_list .carousel.auto .carousel-control.left{left: 4%}*/ /*.live-list .live_list .carousel.auto .carousel-control.right{right: 4%}*/ .live-list .live_list .carousel.auto .carousel-control{width: 48px;height: 48px;display: flex;background: rgba(255, 255, 255, 0.3);border-radius: 24px;line-height: 48px;text-align: center;top: 56px;align-items: center;justify-content: center;cursor: pointer; } .live-list .live_list .carousel.auto .carousel-control:hover{background:#FFC400;} .live-list .live_list .carousel.auto .carousel-control:before{content: '';display: none;} .live-list .live_list .carousel.auto .carousel-control:after{box-shadow: none !important;left: auto;right: auto;} .live-list .live_list li a .live_logo.logo_og{background-position-x:0; } .live-list .live_list li a .live_logo.logo_ag{background-position-x:-120px; } .live-list .live_list li a .live_logo.logo_bb{background-position-x:-240px; } .live-list .live_list li a .live_logo.logo_ebet{background-position-x:-360px; } .live-list .live_list li a .live_logo.logo_sa{background-position-x:-480px; } .live-list .live_list li a .live_logo.logo_prg{background-position-x:-600px; } .live-list .live_list li a .live_logo.logo_bg{background-position-x:-720px; } .live-list .live_list li a .live_logo.logo_ea{background-position-x:-840px; } .live-list .live_list li a .live_logo.logo_ab{background-position-x:-960px; } .live-list .live_list li a .live_logo.logo_wm{background-position-x:-1080px; } .live-list .live_list li a .live_logo.logo_aes{background-position-x:-1200px; } .live-list .live_list li a .live_logo.logo_xbb{background-position-x:-1320px; } .live-list .live_list li a .live_logo.logo_pt{background-position-x:-1440px; } .live-list .live_list li a .live_logo.logo_evo{background-position-x:-1560px; } .live-list .live_list li a .live_logo.logo_we{background-position-x:-1680px; } .live-list .live_list li a .live_logo.logo_mg{background-position-x:-1920px; } .live-list .live_list li a .live_logo.logo_ezugi{background-position-x:-2040px; } .live-list .live_list li.active a .live_logo, .live-list .live_list li:hover a .live_logo{background-position-y: top;} /*lottery*/ .main-lottery{} /*.main-lottery.scrollPage{padding-top: 174px;}*/ .main-lottery .page_banner {height: 640px;padding-top: 326px;color: #fff;position: relative;background-position: top center;} .main-lottery .page_banner h1 {font-size: 56px;font-weight: bold;line-height: 1.35714;margin: 0;} .main-lottery .page_banner span {font-size: 16px;line-height: 1.75;margin-top: 8px;display: block;} .main-lottery .page_banner img {position: absolute;} .main-lottery .lottery{padding: 32px 0 140px;} /*.main-lottery .container{width: 80% !important;max-width: 1400px !important;overflow: visible;}*/ .main-lottery .ball01{top: 573px;right: 168px;animation:little_pic2 3s infinite linear;} .main-lottery .ball02{top: 276px;right: 495px;z-index: 1;animation:little_pic4 3s infinite linear;} .main-lottery .ball05{top: 198px;right: 654px;animation:little_pic3 3s infinite linear;} .main-lottery .ball06{top: 457px;right: 495px;animation:little_pic3 3s infinite linear;} .main-lottery .ball07{top: 122px;right: 374px;animation:little_pic2 3s infinite linear;} .main-lottery .ball08{top: 359px;right: 357px;animation:little_pic4 3s infinite linear;} .main-lottery .lottery .api-tabs{background: rgba(39,39,39,0.8);height: 80px;border-radius: 12px;border: none;align-items: center;} .main-lottery .lottery .tab-tit{border-radius: 12px;} .main-lottery .lottery .api-tabs>li{position: relative;/*margin-left: 48px;*/width: 204px !important;} .main-lottery .lottery .api-tabs>li a{width: 100%;display: flex;justify-content: space-evenly;} .main-lottery .lottery .api-tabs>li.active{border: none;background: none;} .main-lottery .lottery .api-tabs>li>a:link, .main-lottery .lottery .api-tabs>li>a:visited, .main-lottery .lottery .api-tabs>.disabled:hover>a{color: #8c8c8c;} .main-lottery .lottery .api-tabs>li.active a, .main-lottery .lottery .api-tabs>li>a:hover{color: #fff;font-weight: bold;} .main-lottery .lottery .api-tabs>li+li{border: none;} .main-lottery .lottery .api-tabs>li+li:before{content: '';position: absolute;left: 0px;top: 50%;transform: translateY(-50%);width: 2px;height: 16px;background: rgba(255, 255, 255, 0.2);} .main-lottery .lottery .api-tabs>li>a>.gui:before{} .main-lottery .lottery .lottery-box .game-list .row{display: flex;flex-direction: column;} .main-lottery .lottery .lottery-box .game-list .nav-lottery-tabs.col-5-1{width: 100%;display:flex;flex-wrap: wrap;margin: 32px 0 40px;gap: 24px 32px;} .main-lottery .lottery .lottery-box .game-list .nav-lottery-tabs li{} .main-lottery .lottery .lottery-box .game-list .nav-lottery-tabs li a{color: rgba(255, 255, 255, 0.5);font-size: 18px;display: flex;line-height: 28px;} .main-lottery .lottery .lottery-box .game-list .nav-lottery-tabs li a .lottery-icon{font-size: 28px;margin-right: 14px;} .main-lottery .lottery .lottery-box .game-list .nav-lottery-tabs li:hover a, .main-lottery .lottery .lottery-box .game-list .nav-lottery-tabs li.active a{color: #fff;font-weight: bold;} .main-lottery .lottery .lottery-box .game-list ._vr_lottery_game.col-5-4{width: 100%;display: grid;grid-template-columns:repeat(auto-fill, minmax(220px, 1fr)) } .main-lottery .lottery .lottery-box .game-list ._vr_lottery_game.col-5-4 .lottery_list.col-4-1{width: 220px;max-width: 220px;background: #272727;border-radius: 16px;margin: 6px;position: relative;padding-top: 32px;padding-bottom: 32px;} .main-lottery .lottery .lottery-box .game-list ._vr_lottery_game.col-5-4 .lottery_list.col-4-1 .game-item{display: flex;flex-direction: column;align-items: center;} .main-lottery .lottery .lottery-box .game-list ._vr_lottery_game.col-5-4 .lottery_list.col-4-1 .cover{width: 100%;height: 100%;position: absolute;left: 0;top: 0;border-radius: 16px;background:rgba(39,39,39,0.8);display: flex;justify-content: center;align-items: center;opacity: 0; } .main-lottery .lottery .lottery-box .game-list ._vr_lottery_game.col-5-4 .lottery_list.col-4-1 .cover .cover-name{min-width: 136px;height: 48px;line-height: 46px;border: 2px solid #fff;border-radius: 24px;text-align: center;color: #fff;transition: .3s;padding-right: 16px;padding-left: 16px;} .main-lottery .lottery .lottery-box .game-list ._vr_lottery_game.col-5-4 .lottery_list.col-4-1 .cover .cover-name:hover{background: #FFC400;color:#000;border-color: #FFC400;} .main-lottery .lottery .lottery-box .game-list ._vr_lottery_game.col-5-4 .lottery_list.col-4-1:hover .cover{opacity: 1;} .main-lottery .lottery .lottery-box .game-list ._vr_lottery_game.col-5-4 .lottery_list.col-4-1 .game-img{margin-bottom: 24px;} .main-lottery .lottery .lottery-box .game-list ._vr_lottery_game.col-5-4 .lottery_list.col-4-1 .game-item .title a{color: #fff;font-size: 18px;} .main-lottery .g_loading, .main-lottery .g_all_game_loaded {color: #fff;font-size: 16px;margin-top: 20px;} .main-lottery .g_loading span {color: #FFC400;} /*.main-lottery .lottery .lottery-box .game-list ._vr_lottery_game.col-5-4 .lottery_list.col-4-1 .game-item .title{margin-bottom: 24px;}*/ /*sports_list*/ .main-sportsList{background: no-repeat center bottom;height: 1040px;position: relative;padding-top: 175px;/*margin-top:-106px;*/margin-bottom: -35px;} .main-sportsList .container{max-width: 1800px !important;overflow: visible;} .main-sportsList .swiper1.swiper-container{width: 100%;height: 600px;} /*.main-sportsList .swiper-container .swiper-wrapper{justify-content: center;}*/ .main-sportsList .swiper1.swiper-container .swiper-slide{height: 600px;border-radius: 16px;display: flex;justify-content: center;align-items: center} .main-sportsList .swiper1.swiper-container .swiper-slide-active, .main-sportsList .swiper1.swiper-container .swiper-slide-duplicate-active{/*transform: scale(1.4);width: 800px !important;height: 600px !important;*/opacity: 0} /*.main-sportsList .swiper-container .swiper-slide.swiper-slide-active .item{width: 800px !important;height: 600px !important;}*/ .main-sportsList .swiper1.swiper-container .swiper-slide .item{width: 270px;height: 550px;border-radius: 16px;background: rgba(255,255,255,0.5);box-shadow: 0 1px 5px rgba(0,0,0,0.2);} .main-sportsList .swiper2.swiper-container{position: absolute;width: 820px;height: 620px;top: 0;left: 28.5%;display: flex;justify-content: center;} .main-sportsList .swiper2.swiper-container .swiper-slide{width: 100%;height:100%;align-items: center;display: flex;justify-content: center;} .main-sportsList .swiper2.swiper-container .swiper-slide .item{width: 0;height: 600px;opacity: 0;transition: 0.5s} .main-sportsList .swiper2.swiper-container .swiper-slide-active .item, .main-sportsList .swiper2.swiper-container .swiper-slide-duplicate-active .item{background: rgba(255,255,255,0.8);border-radius: 16px;box-shadow: 0 1px 5px rgba(0,0,0,0.2);width: 800px;opacity: 1;} .main-sportsList .slider1{height: 786px;margin: 0 -35px;} .main-sportsList .slider1 .slick-list {padding: 0 15px !important;margin: 0 -150px;} .main-sportsList .slider1 .item{width: 620px;height: 670px;display: flex;margin: 40px 150px 0;align-items: flex-end;} .main-sportsList .slider1 .item .s_bg{width: 270px;height: 552px;background: rgba(0,0,0,0.8);border-radius: 12px;display: flex;justify-content: center;position: relative;bottom: 25px; } .main-sportsList .slider1 .item .s_bg .api_bg {max-height: 100%;} .main-sportsList .slider1 .item .s_bg .cover{width: 100%;height: 100%;position: absolute;background: transparent;} .main-sportsList .slider1 .item .s_bg .api_logo{position: absolute;bottom: 40px;height: 60px;width: 120px;} .main-sportsList .slider1 .slick-current.slick-active .m_bg{opacity: 0;} .main-sportsList .slider1 .item.slick-center + .slick-active {justify-content: flex-end;} /*.main-sportsList .slider1 .slick-prev,*/ /*.main-sportsList .slider1 .slick-next{width: 48px;height: 48px;border-radius: 24px;background: #fff;z-index: 99}*/ /*.main-sportsList .slider1 .slick-prev{left: 35px;}*/ /*.main-sportsList .slider1 .slick-next{right: 35px;}*/ /*.main-sportsList .slider1 .slick-prev:before{color: #d9d9d9;}*/ /*.main-sportsList .slider1 .slick-next:before{color: #d9d9d9;}*/ /*.main-sportsList .slider1 .slick-prev:hover,*/ /*.main-sportsList .slider1 .slick-next:hover{background: #b81c22;}*/ .main-sportsList .slider1 .prev, .main-sportsList .slider1 .next{width: 48px;height: 48px;border-radius: 24px;background: rgba(255, 255, 255, 0.3);z-index: 99;border: none;top: 50%;cursor: pointer;display: flex !important;align-items: center;justify-content: center;} .main-sportsList .slider1 .prev{left: -80px;position: absolute;padding: 0;} .main-sportsList .slider1 .next{right: -80px;position: absolute;padding: 0;} .main-sportsList .slider1 .prev:before{color: #d9d9d9;} .main-sportsList .slider1 .next:before{color: #d9d9d9;} .main-sportsList .slider1 .prev:hover, .main-sportsList .slider1 .next:hover{background: #FFC400;} .main-sportsList .slider1 .prev:hover:before, .main-sportsList .slider1 .next:hover:before{color: #fff;} .main-sportsList .slider1 .slick-active.slick-center{opacity: 0;} .main-sportsList .slider1 .slick-dots{display: flex;flex-wrap: wrap;align-items: flex-end;justify-content: center;z-index: 99;bottom: 33px !important;} .main-sportsList .slider1 .slick-dots li{width: 80px;height: 40px;background: no-repeat bottom center;background-size: cover;transition: .5s;} .main-sportsList .slider1 .slick-dots li img{width: 100%;height: auto;filter: grayscale(1);opacity: 0.4;} .main-sportsList .slider1 .slick-dots li button:before{content: '';} .main-sportsList .slider1 .slick-dots li button{width: 100%;height: 100%;} .main-sportsList .slider1 .slick-dots li.slick-active{width: 120px;height: 60px;} .main-sportsList .slider1 .slick-dots li.slick-active img{filter: grayscale(0);opacity: 1;} /*.main-sportsList .slider1 .dots{position: absolute;display: flex;flex-wrap: wrap;align-items: flex-end;justify-content: center;z-index: 99;}*/ /*.main-sportsList .slider1 .dots .slick-dots{margin: 0 40px;height: 30px;width: 60px;background: no-repeat bottom center;background-size: cover;transition: .5s;}*/ .main-sportsList .sports_active{height: 786px;margin-top: -747px;} .main-sportsList .slider2{height: 100%;/*position: absolute;top: 0;*/} .main-sportsList .slider2 .item{width: 862px;height: 675px;display: flex;justify-content: center;align-items: flex-end;} .main-sportsList .slider2 .item .m_bg{width: 0;height: 600px;background: rgba(26,26,26,0.8);border-radius: 12px;transition: .5s;position: relative;bottom: 5px;} .main-sportsList .slider2 .slick-current.slick-active .m_bg{width: 800px;} .main-sportsList .slider2 .item .m_bg .api_bg{position: absolute;right: 150px;bottom: 0;display: inline-block;transition: 0.8s;opacity: 0;width: 511px;height: 552px;} .main-sportsList .slider2 .item .m_bg .cover{width: 0;height: 100%;background: no-repeat left center;position: absolute;overflow: hidden;transition: .8s;} .main-sportsList .slider2 .item .m_bg .cover .ball02{position: absolute;right:61px;top: 36px;transition: 3s;opacity: 0;} .main-sportsList .slider2 .item .m_bg .content{/*display: none;*/width: 300px;flex-direction: column;align-items: center;position: absolute;top: 102px;left: 96px;transition: 1s;overflow: hidden;white-space:nowrap;opacity: 0; } /*.main-sportsList .slider2 .item .m_bg .content > img{height: 60px;width: auto;}*/ .main-sportsList .slider2 .item .m_bg .content > h1{font-size: 40px;font-weight: bold;margin-bottom: 12px;margin-top: 20px;color: #fff;line-height: 1.375;} .main-sportsList .slider2 .item .m_bg .content span{margin-bottom: 24px;white-space: normal;text-align: center;font-size: 16px;color: rgba(255, 255, 255, 0.8);line-height: 1.6875;} .main-sportsList .slider2 .item .m_bg .content > a{display: inline-block;padding: 17px 55px;background: #FFC400;color: #000;text-align: center;font-size: 16px;border-radius: 40px;font-weight: bold;transition: .3s;} .main-sportsList .slider2 .item .m_bg .content > a:hover{background: #cb9c00;} .main-sportsList .slider2 .item .m_bg .ball01{position: absolute;bottom: 0;left: 60px;transition: 3s;opacity: 0} .main-sportsList .slider2 .slick-current.slick-active .m_bg .api_bg{position: absolute;right: -101px;bottom: 0;display: inline-block;opacity: 1;width: 620px;height: 670px;} .main-sportsList .slider2 .slick-current.slick-active .m_bg .cover{width: 100%;height: 100%;background: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, rgba(26, 26, 26, 0) 50%);position: absolute;overflow: hidden;border-radius: 12px;} .main-sportsList .slider2 .slick-current.slick-active .m_bg .cover .ball02{position: absolute;right:-42px;top: 36px;opacity: 1;} .main-sportsList .slider2 .slick-current.slick-active .m_bg .content{display: flex;width: 300px;flex-direction: column;align-items: center;position: absolute;top: 102px;left: 72px;opacity: 1;} .main-sportsList .slider2 .slick-current.slick-active .m_bg .ball01{position: absolute;bottom: 0;left: -48px;opacity: 1} .main-sportsList .slider2 .slick-dots{display: flex;flex-wrap: wrap;align-items: flex-end;justify-content: center;z-index: 99;bottom: 33px !important;} .main-sportsList .slider2 .slick-dots li{width: 80px;height: 40px;background: no-repeat bottom center;background-size: cover;transition: .5s;} .main-sportsList .slider2 .slick-dots li img{width: 100%;height: auto;filter: grayscale(1);opacity: 0.4;} .main-sportsList .slider2 .slick-dots li button:before{content: '';} .main-sportsList .slider2 .slick-dots li button{width: 100%;height: 100%;} .main-sportsList .slider2 .slick-dots li.slick-active{width: 120px;height: 60px;} .main-sportsList .slider2 .slick-dots li.slick-active img{filter: grayscale(0);opacity: 1;} /*!*sports*!*/ .main-sports{padding-top: 175px;} .main-sports .sports{padding-top: 40px;padding-bottom: 160px;} .main-sports .sports .container {overflow: visible;} .main-sports .sports .api-tabs{background: rgba(39, 39, 39, 0.8);min-height: 80px !important;border: none !important;} /*.main-sports .sports .api-tabs>li>a>.gui:before{display: none;}*/ /*.main-sports .sports .api-tabs>li>a>.gui {width: 72px !important;}*/ /*.main-sports .sports .api-tabs>li>a>.gui.gui-logo-fb {background-position-x: -30px;}*/ /*.main-sports .sports .api-tabs>li>a>.gui.gui-logo-ysb {background-position-x: -130px;}*/ /*.main-sports .sports .api-tabs>li>a>.gui.gui-logo-sbo {background-position-x: -230px;}*/ /*.main-sports .sports .api-tabs>li>a>.gui.gui-logo-cmd {background-position-x: -312px;}*/ /*.main-sports .sports .api-tabs>li:hover>a>.gui,*/ /*.main-sports .sports .api-tabs>li.active>a>.gui{background-position-y: bottom;}*/ .main-sports .sports #api-tabs{margin-bottom: 50px;} .main-sports .sports #api-tabs .carousel-inner{border-radius: 12px;} .main-sports .sports .api-tabs>li{position: relative;} .main-sports .sports .api-tabs>li.active{border: none !important;background: none !important;} .main-sports .sports .api-tabs>li+li{border: none;} .main-sports .sports .api-tabs>li+li:before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 2px;height: 16px;background: rgba(255, 255, 255, 0.2);} .main-sports .sports .api-tabs>li>a:link, .main-sports .sports .api-tabs>li>a:visited, .main-sports .sports .api-tabs>.disabled:hover>a{color: #8c8c8c;} .main-sports .sports .api-tabs>li.active a, .main-sports .sports .api-tabs>li>a:hover{color: #fff;font-weight: bold;} /* */ /*casino*/ .main-casino .page_banner {height: 640px;padding-top: 326px;color: #fff;position: relative;} .main-casino .page_banner h1 {font-size: 56px;font-weight: bold;line-height: 1.35714;margin: 0;} .main-casino .page_banner span {font-size: 16px;line-height: 1.75;margin-top: 8px;display: block;} .main-casino .page_banner img {position: absolute;} .main-casino .page_banner .banner_main {top: 0;right: 0;} .main-casino .page_banner .banner_decorate01 {top: 588px;left: 57px;} .main-casino .page_banner .banner_decorate02 {top: 489px;right: 136px;} .main-casino .page_banner .banner_coin {top: 598px;left: 64px;} /*.main-casino.scrollPage{padding-top: 174px;}*/ .main-casino .container{max-width: 1430px !important;padding: 0 15px !important;} .main-casino .casino {position: relative;z-index: 3;} .main-casino .casino > .container{/*background: linear-gradient(-180deg, rgba(255, 255, 255,1), rgba(255, 255, 255,0)) !important;*/border-top-left-radius:20px;border-top-right-radius:20px;padding-top: 10px !important;} .main-casino.main-chess .casino > .container{padding-top: 30px !important;} /*.main-casino .casino > .container{background: #333333 !important;border-top-left-radius:20px;border-top-right-radius:20px;margin-top: -156px;padding: 112px !important;}*/ .main-casino .casino > .container .api-nav{margin-bottom: 28px;height: 80px !important;background: rgba(39, 39, 39, 0.8) !important;border-radius: 12px;box-shadow: 0 1px 15px rgb(0 0 0 / 10%)} .main-casino .casino .api-nav.api-nav-all{height: auto !important;display: none !important;} .main-casino .casino .api-nav.api-nav-all .swiper-container{height: auto !important;} .main-casino .casino > .container .api-nav.api-nav-slide{display: block !important;} .main-casino.main-chess .casino .api-nav.api-nav-all{display: block !important;} .main-casino.main-chess .casino > .container .api-nav.api-nav-slide{display: none !important;} .main-casino .casino > .container .api-nav .swiper-container{background: none !important;/*border-radius: 16px;*/height: 80px !important;/*padding: 0 35px;*/width: 90%;} .main-casino .casino > .container .api-nav-all .swiper-container{width: 100% !important;} .main-casino .casino > .container .api-nav .swiper-container .swiper-slide{border: none !important;position: relative;line-height: 80px;height: 80px !important;} .main-casino.main-chess .casino > .container .api-nav .swiper-container .swiper-slide{width: 15% !important;max-width: 204px !important;} .main-casino .casino > .container .api-nav .swiper-container .swiper-slide.odd{background: none !important;} .main-casino .casino > .container .api-nav .swiper-container .swiper-slide + .swiper-slide:before{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);background-color: rgba(255, 255, 255, 0.2);width: 2px;height: 16px;} .main-casino .casino > .container .api-nav .swiper-container .swiper-slide a{height: 80px !important;display: flex !important;align-items: center;justify-content: space-evenly;} .main-casino .casino > .container .api-nav .swiper-container .swiper-slide a .gui{background-position-y:0 !important;transform: scale(0.7);} .main-casino .casino > .container .api-nav .swiper-container .swiper-slide a em{line-height: 80px !important;color: rgba(255, 255, 255, 0.5);/*font-size: 18px !important;*/} .main-casino .casino > .container .api-nav .swiper-container .swiper-slide.active a em, .main-casino .casino > .container .api-nav .swiper-container .swiper-slide:hover a em{font-weight: bold;} .main-casino .casino > .container .api-nav .swiper-contro{width: 35px !important;position: absolute;top: 0;bottom: 0;z-index: 2;height: 100%;font-size: 20px;overflow: hidden;transition: all .3s;} .main-casino .casino > .container .api-nav .swiper-contro:before{content: '';width: 35px !important;height: 35px;display: inline-block;color: #d9d9d9 !important;border-radius: 30px;text-align: center;line-height: 35px;text-align: center;position: absolute;top: 50%;transform: translateY(-50%);font-size: 14px;transition: all .3s; } .main-casino .casino > .container .api-nav .swiper-contro:hover:after, .main-casino .casino > .container .api-nav .swiper-contro:focus:after{box-shadow: none !important;} .main-casino .casino > .container .api-nav .swiper-contro.next{right: 20px !important;} .main-casino .casino > .container .api-nav .swiper-contro.prev{left: 20px !important;} /*.main-casino .casino .api-nav .swiper-contro.next:before{content: '\f054';}*/ /*.main-casino .casino .api-nav .swiper-contro.prev:before{content: '\f053'}*/ .main-casino .casino > .container .api-nav .swiper-contro:hover:before{background:#b81c22;color: #fff !important;} .main-casino .casino.theme-black .api-nav .swiper-contro:before{} .main-casino .casino .api-nav .swiper-container .swiper-slide.active{background: none !important;} .main-casino .casino .api-nav .swiper-container .swiper-slide:hover a .gui, .main-casino .casino .api-nav .swiper-container .swiper-slide.active a .gui{opacity: 1;background-position-y:-54px !important;} .main-casino .casino .api-nav .swiper-container .swiper-slide:hover a em, .main-casino .casino .api-nav .swiper-container .swiper-slide.active a em{color: #fff;} main.main-casino .casino > .container .casino-game-list.casino2020 .api-title{font-size: 24px !important;font-weight: bold !important;padding-left:0 !important;color: #fff !important;border-left: none !important;} main.main-casino .casino > .container .casino-game-list.casino2020 .api-title .more-game {font-size: 16px !important;color: #fff !important;} main.main-casino .casino > .container .casino-game-list.casino2020 .api-title .more-game:hover {color: #FFC400 !important;} main.main-casino .casino > .container .casino-game-list.casino2020 .row-wrap .swiper-control{width: 48px !important;height: 48px !important;background-color: #272727 !important;border-radius: 50% !important;top: 45% !important;} main.main-casino .casino > .container .casino-game-list.casino2020 .row-wrap .swiper-control:hover {background: #FFC400 !important;} main.main-casino .casino > .container .casino-game-list.casino2020 .row-wrap .swiper-control.prev{left: -10px !important;margin-left: 0 !important;} main.main-casino .casino > .container .casino-game-list.casino2020 .row-wrap .swiper-control.next{right: -10px !important;} .main-casino .casino .casino-sorts{border: none !important;background: none !important;overflow: visible !important;padding: 0 !important;} .main-casino .casino > .container .casino-sorts .toggle-api{display: none !important;} .main-casino .casino .casino-sorts .nav-tabs > li > a{color: rgba(255, 255, 255, 0.5) !important;/*filter: brightness(0.8)*/font-size: 18px !important;padding: 0 !important;margin: 5px 30px 5px 0 !important;} .main-casino .casino .casino-sorts .nav-tabs > li:hover{background: none !important;} .main-casino .casino .casino-sorts .nav-tabs > li:hover a, .main-casino .casino .casino-sorts .nav-tabs > li.active:hover a, .main-casino .casino .casino-sorts .nav-tabs > li.active > a{background: none !important;color: #fff !important;font-weight: bold;} .main-casino .casino > .container .casino-sorts .tag-nav{padding-left: 0 !important;} .main-casino .casino > .container .casino-sorts .search-box{top: auto !important;width: auto !important;bottom: -63px !important;} .main-casino .casino > .container .casino-sorts .search-box .btn-search{width: 48px !important;height: 48px !important;border-radius: 24px !important;background: #FFC400 !important;color: transparent !important;position: relative;border: none !important;padding: 0;transition: .3s;} .main-casino .casino > .container .casino-sorts .search-box .btn-search:hover{background: #cb9c00 !important;} .gui-search:before{content: '' !important;} .main-casino .casino > .container .casino-sorts .search-box .form-control{height: 48px !important;border-radius: 24px !important;background: #272727;min-width: 300px;border: none !important;padding-left: 24px;box-shadow: none !important;color: #fff;} .main-casino .casino > .container .casino-sorts .search-box .form-control:focus{box-shadow: none !important;} .main-casino .casino > .container .game-list-header{margin-bottom: 34px !important;display: flex;align-items: center;padding: 0 !important;} .main-casino .casino > .container .game-list-header .jackpot .j_num{font-weight: bold;background: #FF0000;border-radius: 2px;font-size: 18px !important;line-height: 32px !important;} .main-casino .casino > .container .game-list-header .jackpot .j_dot {color: #fff;} .main-casino .casino > .container .game-list-header>.pull-right{position: absolute;right: 29%;} .main-casino .casino > .container .game-list-header .all_g_txt{color: rgba(255, 255, 255, 0.8) !important;font-size: 16px !important;position: relative;} .main-casino .casino > .container .game-list-header .all_g_txt span {color: #FFC400 !important;font-weight: bold; } .main-casino .casino > .container .game-list-header .jackpot .j_txt .t_g_name span{color: #fff !important;font-weight: bold; } .main-casino .casino > .container .game-list-header .all_g_txt:after{content: "|";position: absolute;right: -13px;color: #e6e6e6;} .main-casino .casino > .container .game-list-header .sort2 a{color: #fff;font-size: 15px;opacity: 0.7;} .main-casino .casino > .container .game-list-header .sort2 li.active a, .main-casino .casino > .container .game-list-header .sort2 li:hover a{color: #fff !important;font-weight: bold;opacity: 1;} .main-casino .casino > .container .game-list-header .sort2 li.active{background: none !important;border: none !important;} .main-casino .casino > .container .game-list-header .sort2 li:after{background: none !important;display: none !important;} .main-casino .casino > .container .casino-game-list .game-item.s_border{border: none !important;border-radius: 12px;background: #272727;overflow: hidden;padding-top: 12px;padding-bottom: 12px;} .main-casino .casino > .container .casino-game-list .game-item figure{margin: 0 auto;width: 90% !important;border-radius: 8px;} .main-casino .casino > .container .casino-game-list .game-item .game-info{padding: 12px 12px !important;} .main-casino .casino > .container .casino-game-list .game-item .game-info .g_title{color: #fff;font-size: 18px !important;} .main-casino .casino > .container .casino-game-list .game-item .game-info .g_line2{color: rgba(255, 255, 255, 0.5) !important;font-size: 15px !important;} .main-casino .casino > .container .casino-game-list .game-item .game-info .g_line2 span{color: #FFC400 !important;font-weight: bold;} .main-casino .casino > .container .casino-game-list .game-item [class*=" imghvr-"] figcaption, .main-casino .casino > .container .casino-game-list .game-item [class^=imghvr-] figcaption{background: rgba(0, 0, 0, 0.4) !important;} .main-casino .casino > .container .casino-game-list .game-item .btn-enter, .main-casino .casino > .container .casino-game-list .game-item .btn-try{min-width: 136px !important;height: 48px !important;border-radius: 24px !important;line-height: 48px !important;padding-left: 16px;padding-right: 16px;transition: .3s;width: auto !important;display: inline-block !important;} .main-casino .casino > .container .casino-game-list .game-item .btn-enter{background: #FFC400!important;color: #000 !important;} .main-casino .casino > .container .casino-game-list .game-item .btn-enter:hover{background: #d29805 !important;color: #000 !important;} .main-casino .casino > .container .casino-game-list .game-item .btn-try{background: none !important;border: 2px solid #fff;} .main-casino .casino > .container .casino-game-list .game-item .btn-try:hover{background: #fff !important;color:#b81c22 !important; } /*.casino > .container .casino-game-list .game-item .btn-enter:hover,*/ /*.main-casino .casino > .container .casino-game-list .game-item .btn-try:hover{color: #fff !important;}*/ .casino-sorts .all_g_txt span{color: #FFC400 !important;font-weight: bold; } .casino-sorts .all_g_txt{color: rgba(255, 255, 255, 0.8) !important;font-size: 16px !important;} .main-casino .casino > .container .casino-game-list.casino2020 .game-row{margin-bottom: 20px;} .main-casino .casino > .container .game-list-header .jackpot .j_txt .t_rmb{display: none;} .in_ID .main-casino .casino > .container .game-list-header .jackpot .j_txt .t_rmb{display: none;} .en_US .main-casino .casino > .container .game-list-header .jackpot .j_txt .t_rmb{display: none;} .main-casino .casino > .container .game-list-header .jackpot .j_txt .t_g_name{display: flex;flex-direction: column;color: #fff;font-size: 13px;line-height: 1.38461538;} .main-casino .casino > .container .game-list-header .jackpot{display: flex;align-items: center;} .main-casino .casino > .container .g_loading .gui-spinner {color: #FFC400 !important;} .main-casino .casino > .container .g_loading, .main-casino .casino > .container .g_all_game_loaded, .main-casino .casino > .container .g_no_result{color: #fff !important;} .in_ID .main-casino .casino > .container .casino-game-list .game-item .btn-enter, .in_ID .main-casino .casino > .container .casino-game-list .game-item .btn-try{width: 167px !important;} .vi_VN .main-casino .casino > .container .game-list-header .jackpot {display: flex;flex-direction: column;align-items: flex-start;} /*!*chess*!*/ .main-chess .casino > .container .casino-sorts .search-box{top: 0 !important;} .main-chess.main-casino .casino > .container .game-list-header.game-chess-header{display: none;} .main-chess.main-casino .casino > .container .api-nav {margin-bottom: 0;} .main-chess.main-casino .casino > .container .casino-sorts {margin: 40px 0 32px;} /*promo*/ .promo-main{} .promo-main .page_banner > .container {position: relative;} .promo-main .banner_main {top: 0;right: 0;} .promo-main .banner_coin {top: 600px;left: 44px;} .promo-main .banner_chips {top: 568px;right: 169px;z-index: 1;} .promo-main .page_banner .container{max-width: 1400px !important;} .promo-main .inset_main {position: relative;z-index: 1;} .main-promo.theme-black{background: none !important;width: 1400px !important;padding: 32px 0 80px;} .main-promo.theme-black .promo-top-bar{background: rgba(39,39,39,0.8) !important;border: none !important;border-radius: 12px;padding-right: 0 !important;margin-bottom: 120px;} .main-promo .promo-top-bar > ul{padding: 15px 40px !important;} .main-promo.theme-black .promo-top-bar > ul li.active:after{display: none !important;} .main-promo.theme-black .promo-top-bar > ul li a{color: rgba(255, 255, 255, 0.5) !important;font-size: 18px;position: relative;} .main-promo.theme-black .promo-top-bar > ul li:hover a, .main-promo.theme-black .promo-top-bar > ul li.active a{color: #fff !important;font-weight: bold;} .main-promo.theme-black .promo-top-bar > ul li.active{background: none !important;} .main-promo.theme-black .promo-top-bar > ul li:hover{background: none !important;} .main-promo.theme-black .promo-top-bar > ul li + li:before{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 2px;height: 16px;background: rgba(255, 255, 255, 0.2);} .main-promo .promo-top-bar .search-bar{bottom: -80px;top:auto !important;} .main-promo .promo-top-bar .search-bar .input-wrap{width: 300px !important;height: 48px !important;border-radius: 24px !important;border: none !important;padding-right: 0 !important;} .main-promo.theme-black .promo-top-bar .search-bar .input-wrap .icon-search{display: none;} .main-promo.theme-black .promo-top-bar .search-bar .btn-search{width: 48px !important;height: 48px !important;border-radius: 24px !important;background: #FFC400 !important;color: transparent !important;position: relative;border: none !important;padding: 0;margin-left: 12px;transition: .3s;} .main-promo.theme-black .promo-top-bar .search-bar .btn-search:hover{background: #cb9c00 !important; } .main-promo .promo-top-bar .search-bar form{display: flex;} .main-promo .list-type1 .row {margin: 0 -12px !important;} .main-promo .list-type1 .row .col-3-1 {padding: 0 12px !important;} .main-promo .list-type1 .promo-item{border-radius: 8px;overflow: hidden;padding: 0 !important;border: none !important;} .main-promo .list-type1 .promo-item .promo-status{right: 16px !important;border-radius: 40px !important;height: 36px !important;line-height: 36px !important;padding: 0 8px 0 40px !important;} .main-promo .list-type1 .promo-item .promo-status .icon-clock{left: 12px !important;top: 7px !important;} .main-promo .list-type1 .promo-item .promo-status.processing {background: rgba(0, 213, 55, 0.85) !important;} .main-promo .list-type1 .promo-item .promo-status.noyet {background: rgba(255, 196, 0, 0.85) !important;} .main-promo .list-type1 .promo-item .promo-status.over {background: rgba(174, 174, 174, 0.85) !important;} .main-promo .list-type1 .promo-item .shadow{bottom: 0 !important;left: 0 !important;right: 0 !important;background: rgba(0, 0, 0, 0.8) !important;height: 100% !important;} .main-promo .list-type1 .promo-item .shadow .btn-apply{height: 48px !important;border-radius: 24px !important;line-height: 48px !important;background: #f1ae07 !important;font-size: 18px;padding-right: 16px !important;padding-left: 16px !important;transition: .3s;margin-left: auto !important;transform: translateX(-50%)} .main-promo .list-type1 .promo-item .shadow .btn-apply:hover{background:#d29805 !important; } .main-promo .list-type1 .promo-item img{height: 300px !important;} .promo_detail{width: 1300px!important; height: 830px!important;top: 59.5px!important;left: 311px!important;} .promo_detail.layui-layer.layui-layer-info .layui-layer-title{background: #FFC400 !important;height: 80px;line-height: 80px;font-size: 24px;color: #000;border-bottom: none;} .promo_detail.layui-layer.layui-layer-info .layui-layer-setwin .layui-layer-close{ border: 3px solid transparent;background: transparent;font-size: 40px;color: #000;} .promo_detail.layui-layer .layui-layer-setwin{box-shadow: none !important;right: 23px !important;top: 23px !important;} .promo_detail.layui-layer.layui-layer-info .layui-layer-btn a{border-color: #FFC400 !important;background-color: #FFC400 !important;min-width: 120px;height: 48px;border-radius: 40px;line-height: 48px;font-size: 16px;font-weight: bold;color: #000;margin: 0;} .layui-layer.promo_detail{border-radius: 12px;overflow: hidden;} .layui-layer.promo_detail .layui-layer-btn{width: calc(100% - 100px);padding: 24px 0;border-top-color: rgba(255, 255, 255, 0.15);margin: 0 auto;} .layui-layer.promo_detail .layui-layer-content{height: 650px!important;} .layui-layer.promo_detail .layui-layer-content .promo-content{padding: 37px 48px 75px 48px;height: 635px!important;} .main-promo.theme-black .promo-top-bar .search-bar .input-wrap input{background: #272727;padding-left: 24px;border-radius: 24px;color: #fff !important;font-size: 12px;} .main-promo.theme-black .promo-top-bar .search-bar .input-wrap input:focus{box-shadow: none !important} .main-promo.theme-black .promo-top-bar .search-bar .input-wrap input:focus::placeholder{color: #cfcfcf !important;} .main-promo .list-type1 .promo-item .btn-detail{border: none !important;color: #fff !important;} .layui-layer.promo_detail .layui-layer-content .promo-content .icon-goUp{display: none !important;} .main-promo .promo-top-bar > ul li{padding: 0 24px !important;} .layui-layer.promo_detail .layui-layer-content, .layui-layer.promo_detail .layui-layer-btn, .layui-layer.promo_detail {background: #272727 !important;} .layui-layer.promo_detail .layui-layer-content .promo-content .tit, .layui-layer.promo_detail .layui-layer-content .promo-content .content {color: #fff;font-size: 16px;} /*!*fish*!*/ .fishBox .fishList {padding-top: 326px!important;} /*financial*/ .main-financial .container {width: 1590px !important;} .main-financial .slider1 .slick-list{padding: 0 !important;} .main-financial .slider1.slider-nav{z-index: 9;height: 1040px;} .main-financial .slider1.slider-nav .item{height: 1040px;display: flex;align-items: center;justify-content: center;opacity: 0;} .main-financial .slider1.slider-nav .item .s_bg{height: 420px;background: no-repeat center;width: 100%;position: relative;} .main-financial .slider1.slider-nav .item .s_bg > img{position: absolute;top: 0;opacity: 0;} .main-financial .slider1.slider-nav .item.slick-active .s_bg > img{opacity: 1;} .main-financial .slider1.slider-nav .item .s_bg_box{height: 100%;width: 100%;} .main-financial .slider1.slider-nav .item .content{display: none;margin-bottom: 120px;} .main-financial .slider1.slider-nav .item .content .financial-logo{width: 84px;height: 84px;} .main-financial .slider1.slider-nav .item .content h1{font-size: 40px;font-weight: bold;color: #fff;margin-bottom: 22px;margin-top: 22px;} .main-financial .slider1.slider-nav .item .content span{color: rgba(255, 255, 255, 0.8);font-size: 16px;line-height: 1.75;text-align: center;} .main-financial .slider1.slider-nav .item .content a{position: relative;width: auto;min-width: 120px;height: 44px;line-height: 40px;text-align: center;border: 2px solid #FFC400;border-radius: 50px;color: #fff;margin-top: 24px;font-weight: bold;transition: .3s;font-size: 18px;} .main-financial .slider1.slider-nav .item .content a:after {content: '';position: absolute;top: -1px;left: -1px;bottom: -1px;right: -1px;border: 3px solid #FFC400;filter: blur(3px);border-radius: 50px;} .main-financial .slider1.slider-nav .item .content a:hover{background:#FFC400;color: #000;} /*.main-financial .container{width: 80% !important;max-width: 1400px !important;}*/ .main-financial .slider1 .prev, .main-financial .slider1 .next{width: 48px;height: 48px;border-radius: 24px;background: rgba(225,225,225,0.2);z-index: 99;border: none;top: 50%;cursor: pointer;display: flex !important;align-items: center;justify-content: center;transition: 0.3s;} .main-financial .slider1 .prev{left: 8px;position: absolute;padding: 0;} .main-financial .slider1 .next{right: 8px;position: absolute;padding: 0;} .main-financial .slider1 .prev:hover, .main-financial .slider1 .next:hover{background: #FFC400;} .main-financial .slider1 .slick-active.slick-center.item{align-items: flex-end !important;opacity: 1;} .main-financial .slider1 .slick-active.slick-center .s_bg{display: none} .main-financial .slider1 .slick-active.slick-center .content{display: flex;width: 100%;flex-direction: column;align-items: center;} .main-financial .financial_active{width: 100%;height: 1040px;margin-top: -1040px;} .main-financial .financial_active .item{height: 1040px;display: flex;} .main-financial .financial_active .item .m_bg{height: 100%;background: no-repeat center;display: flex;align-items: flex-end;justify-content: center;width: 100%} .main-financial .financial_active .item .m_bg .content{display: flex;flex-direction: column;align-items: center;} /*hotgame*/ /*.main-hotgame{background: #f3f3f3 bottom center no-repeat;padding-top: 174px;!*margin-top:-106px;*!margin-bottom: -35px;}*/ /*.main-hotgame .page_banner{height: 818px;}*/ .main-hotgame .page_banner {height: 806px;} .main-hotgame .page_banner .page_banner_video {height: 806px;} .main-hotgame .sport-01 {position: relative;margin-top: -180px;height: 440px;bottom: 0;z-index: 1;} .main-hotgame .sport-01 .item-box {background-color: #272727;} .main-hotgame .title{font-weight: bold;color: #fff;text-align: center;margin-bottom: 32px;margin-top: 66px;position: relative;z-index: 1;line-height: 1.36111;} .main-hotgame .container{width: 80% !important;max-width: 1400px;} .main-hotgame .black_bg{width: 100%;height: 440px;background: no-repeat center top;position: absolute;} .main-hotgame .hotgame-screen-02{padding-bottom: 130px;} .main-hotgame .hotgame-screen-02 .title {margin-top: 40px;} .main-hotgame .hotgame-screen-02 .game_box{display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));} .main-hotgame .hotgame-screen-02 .game_box a{width: 220px;height: 266px;margin: 6px;display: flex;border-radius: 12px;background: #272727;box-shadow: 0 1px 53px 4px rgba(0,0,0,0.1);flex-direction: column;align-items: center;justify-content: center;position: relative;overflow: hidden;position: relative;} .main-hotgame .hotgame-screen-02 .game_box a .api-icon {position: absolute;width: 32px;height: 32px;background: #F0F0F0 no-repeat center center / contain;pointer-events: none;border-radius: 50%;top: 12px;left: 12px;} .main-hotgame .hotgame-screen-02 .game_box a .content{width: 100%;display: flex;flex-direction: column;align-items: center;} .main-hotgame .hotgame-screen-02 .game_box a .game_img{height: 144px;width: auto;margin-bottom: 24px;} .main-hotgame .hotgame-screen-02 .game_box a .gameName{font-size: 18px;color: #fff;line-height: 1.33333;width: 70%;overflow: hidden;text-overflow:ellipsis;text-align: center;white-space:nowrap;} .main-hotgame .hotgame-screen-02 .game_box a .shadow{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(39,39,39,0.8);display: flex;align-items: center;justify-content: center;opacity: 0;} .main-hotgame .hotgame-screen-02 .game_box a .shadow .start_btn{min-width: 136px;height: 48px;border-radius: 24px;border: 2px solid #fff;text-align: center;line-height: 46px;color: #fff;font-weight: bold;padding-right: 16px;padding-left: 16px;transition: .3s;} .main-hotgame .hotgame-screen-02 .game_box a .shadow .start_btn:hover{background: #FFC400;color: #000;border-color: #FFC400;} .main-hotgame .hotgame-screen-02 .game_box a:hover .shadow{opacity: 1;} /*!*blockchain*!*/ /*.main-blockchain{background: #f3f3f3 bottom center no-repeat;padding-top: 174px;!*margin-top:-106px;*!margin-bottom: -35px;}*/ .main-blockchain .page_banner {height: 640px;padding-top: 326px;color: #fff;position: relative;} .main-blockchain .page_banner img {position: absolute;} .main-blockchain .page_banner .banner_main {top: 0;right: 0;} .main-blockchain .page_banner .banner_decorate01 {top: 588px;left: 57px;} .main-blockchain .title{font-weight: bold;color: #fff;text-align: center;margin-bottom: 40px;margin-top: 55px;} .main-blockchain .container{width: 80% !important;max-width: 1430px;} .main-blockchain .blockchain-screen-01{padding-bottom: 160px;position: relative;z-index: 1;} .main-blockchain .blockchain-screen-01 .game_box{display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));} .main-blockchain .blockchain-screen-01 .game_box a{width: 220px;height: 266px;margin: 6px;display: flex;border-radius: 16px;background: #272727;flex-direction: column;align-items: center;justify-content: center;position: relative;overflow: hidden;} .main-blockchain .blockchain-screen-01 .game_box a .content{width: 100%;display: flex;flex-direction: column;align-items: center;} .main-blockchain .blockchain-screen-01 .game_box a .game_img{height: 144px;width: auto;margin-bottom: 24px;} .main-blockchain .blockchain-screen-01 .game_box a .gameName{font-size: 18px;color: #222;width: 70%;overflow: hidden;text-overflow:ellipsis;text-align: center;white-space:nowrap;} .main-blockchain .blockchain-screen-01 .game_box a .shadow{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(39,39,39,0.8);display: flex;align-items: center;justify-content: center;opacity: 0;} .main-blockchain .blockchain-screen-01 .game_box a .shadow .start_btn{min-width: 136px;height: 48px;border-radius: 24px;border: 2px solid #fff;text-align: center;line-height: 46px;color: #fff;font-weight: bold;padding-right: 16px;padding-left: 16px;transition: .3s;} .main-blockchain .blockchain-screen-01 .game_box a .shadow .start_btn:hover{background: #FFC400;color: #000;border-color: #FFC400;} .main-blockchain .blockchain-screen-01 .game_box a:hover .shadow{opacity: 1;} /*about*/ .main-about .bg{background-attachment: fixed;} .main-about .container{width: 80% !important;max-width: 1400px !important;overflow: visible !important;} .main-about .about{display: flex;flex-direction: column;align-items: center;width: 100%;margin-top: 213px;} .main-about .about-item-top{width: 100%;height: 80px;margin-bottom: 32px;} .main-about .about-item-top ul{display: flex;height: 80px;background: rgba(39,39,39,0.8);border-radius: 12px;width: 100%;justify-content: center;align-items: center;padding-left: 50px;padding-right: 50px;} .main-about .about-item-top ul li{position: relative;text-align: center;margin: 0 16px;} .main-about .about-item-top ul li a{color: rgba(255, 255, 255, 0.5);white-space: nowrap;font-size: 18px;} .main-about .about-item-top ul li.active a, .main-about .about-item-top ul li:hover a{color: #fff;font-weight: bold;} .main-about .about-item-top ul li + li:before{content: '';position: absolute;left: -16px;top: 50%;transform: translateY(-50%);width: 2px;height: 16px;background: rgba(255, 255, 255, 0.2);} .main-about .about-item-bottom{width: 100%;margin-bottom: 120px;} .main-about .about-item-bottom .about-content{background: rgba(39,39,39,0.9);border-radius: 12px;color: #fff;} .main-about .about-item-bottom .about-content .page-content{padding: 56px 100px;font-size: 16px;line-height: 1.75;} .main-about .about-item-bottom .about-content .page-content h3 {margin-top: 0;margin-bottom: 16px;font-size: 24px;font-weight: bold;} /*!*agent*!*/ /*.main-agent .agent{padding-top: 174px;!*margin-top:-106px;*!margin-bottom: -35px;}*/ .main-agent {clear: both;} .agent-index header {position: static;} .agent-index .footer-top {margin-top: 0;} .agent-index .agent-content {color: #fff;} .agent-index .slide .slide-indicators ul .active {background: rgba(255, 196, 0, 0.8); opacity: 1;} /*!*register*!*/ .main-register .bg{background-attachment: fixed;} .main-register .register-advertise{margin-top: 48px;} .main-register .register-advertise > p{color: #fff;text-align: center;} .main-register h2{color: #fff;text-align: center;font-size: 24px;font-weight: bold;margin-top: 48px;margin-bottom: 40px;} .main-register .col-12-4{width: 30%;} .main-register .register{margin-top: 213px;background: rgba(39,39,39,0.9);border-radius: 8px;margin-bottom: 160px;padding-bottom: 49px;} .main-register .form-control{border-radius: 8px !important;height: 48px;line-height: 48px;border: 2px solid #4B4B4B;box-shadow: none;background: transparent;color: #fff;} .main-register .form-control:focus {border-color: #2b542c;} .main-register .form-control::placeholder {color: rgba(255, 255, 255, 0.5);} .has-error .help-block, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label{color:#FF0000 !important;} .main-register .form-horizontal .control-label{padding-top: 11px;color: #fff;font-size: 16px;} .main-register .btn-registerBtn{display: block;min-width: 240px;width: auto;height: 48px;color: #000;background:#FFC400;border-radius: 40px;text-align: center;margin-top: 30px;transition: .3s;font-weight: bold; } .main-register .btn-registerBtn:hover{background: #cb9c00;} .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {color: #00D537;} .main-register .input-group{display: block !important;} .main-register ._vr_captcha_code{border-radius: 8px;} .text-danger{color: #ff0000 !important;} .form-control:focus{box-shadow: none !important;} .main-register .has-error .form-control {border-color: #FF0000;} .font-sm.c-p-box {color: #fff;} .font-sm.c-p-box a {color: #FFC400;} .help-block {color: rgba(255, 255, 255, 0.5);} .progress {background: none;margin-bottom: 10px;} .progress .progress-bar {width: 100% !important;display: flex;gap: 8px;background: transparent !important;} .progress .progress-bar span {width: 33.33333%;border-radius: 100px;max-width: 226.33px;} .progress .progress-bar span:nth-of-type(1) {background: #FF0000;} .progress .progress-bar span:nth-of-type(2) {background: #FF9100;} .progress .progress-bar span:nth-of-type(3) {background: #00D537;} .progress .progress-bar[password-level="none"] {width: 0% !important;}