/* 禁用响应 */

@font-face{
	font-family: Roboto-Regular;src: url('../fonts/Roboto-Regular.ttf');
}
@font-face{
	font-family: Roboto-Italic;src: url('../fonts/Roboto-Italic.ttf');
}
@font-face{
	font-family: Roboto-Bold;src: url('../fonts/Roboto-Bold.ttf');
}
@font-face{
	font-family: Roboto-BoldItalic;src: url('../fonts/Roboto-BoldItalic.ttf');
}
.container{width:105rem !important;margin:0 auto;padding:0;}

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

:root{
	--primary-color: #415CC1;
	--secondary-color: #FC653F;
	--deep-blue: #454C64;
}
/*==================== common 公共 ====================*/
html{font-size: 16px;}
body{font-family: 'Roboto-Regular','Roboto-Italic','Roboto-Bold','Roboto-BoldItalic',sans-serif;font-size:0.875rem;background-color:#16296E;min-width: 89.375rem;color: var(--deep-blue);zoom: 1; }
body::-webkit-scrollbar{display: none;}
ul,ol{list-style:none;}
main{padding-top: 12.25rem;background-color:#fff }
main.main-casino,
main.main-lottery,
main.main-chess,
main.promo-main,
main.main-blockchain{padding-top: 3.125rem;}
.page_banner{height: 40rem;width: 100%;background: no-repeat center;/*overflow: hidden;*/position: relative;display: flex;justify-content: center;}
.main-hotgame .page_banner{height: 37.5rem;}
.page_banner .container{display: flex;flex-direction: column;height: 100%;justify-content: center;padding-left: 5.3125rem;position: absolute;top: 0;}
main.main-casino .page_banner .container,
main.main-lottery .page_banner .container,
main.main-chess .page_banner .container,
main.promo-main .page_banner .container,
main.main-blockchain .page_banner .container{height: calc(100% - 9.375rem);bottom:0;top: auto;}
.page_banner h1{color: #fff;font-size: 3.5rem;font-weight: bold;}
.page_banner span{color: #fff;width: 37.1875rem;font-size: 1rem;display: block;}
.index-slide{background-position: center -12.5rem;background-repeat: no-repeat;margin-bottom: 1.375rem;}
.index-slide .slide{width: 100%;margin: 0 auto;background-color: transparent;}
.index-slide .slide,
.index-slide .slide .slide-inner .swiper-slide,
.index-slide .slide .slide-inner .swiper-slide a{height: 37.5rem;overflow: hidden;background-size: auto 100% !important;}
.index-slide .slide .slide-inner .swiper-slide a{display: block;}
.index-slide .slide .slide-inner .swiper-slide.swiper-slide-active{border-radius: 2.5rem;}
.index-slide .slide .slide-inner .swiper-slide.swiper-slide-prev{border-top-right-radius: 2.5rem;border-bottom-right-radius: 2.5rem;}
.index-slide .slide .slide-inner .swiper-slide.swiper-slide-next{border-top-left-radius: 2.5rem;border-bottom-left-radius: 2.5rem;}
/*.index-slide .slide .slide-inner .swiper-slide,*/
/*.index-slide .slide .slide-inner .swiper-slide a{width: 1680px !important;}*/
.index-slide .swiper-container{width: 322.5rem;height: 100%;left: 50%;transform: translateX(-50%)}
.index .swiper-pagination-bullet{background: #CECECE;width: 0.5rem;height: 0.75rem;border-radius: 0.5rem;transform: rotate(45deg);opacity: 1;}
.index .swiper-pagination-bullet-active{background: var(--secondary-color);}

.slide .slide-indicators ul li{background: #CECECE;width: 0.5rem;height: 0.75rem;border-radius: 0.5rem;transform: rotate(45deg);opacity: 1;}
.slide .slide-indicators ul li.active{background: var(--secondary-color);}

/*小元素上下浮動*/
@keyframes little_pic2{
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}
	50% {
		-webkit-transform: translateY(1.875rem);
		transform: translateY(1.875rem);
		opacity: 1
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}
}
@keyframes little_pic3{
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	50% {
		-webkit-transform: translateY(-1.875rem);
		transform: translateY(-1.875rem);
	}
	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(0.625rem);
		transform: translateY(0.625rem);
		opacity: 1
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}
}


header{height: 12.5rem;background-position: top center;background-repeat: no-repeat;z-index: 100;position: absolute;left: 0;right: 0;top: 0;}
header>.container{height: 100%;overflow: visible;}
header .header-top{height: 8rem;display: flex;align-items: flex-end;justify-content: space-between;}
header .header-top .logo{width: 17.5rem;display: flex;flex-direction: column;}
header .header-top .logo img{width: 100%;}
header .header-top .login{display: flex;flex-direction: column;align-items: flex-end;}
header .header-top .login .login-top{margin-bottom: 1.5rem;}
header .header-top .login .login-top span{color: #ffffff;opacity: .7;}
header .header-top .login .login-top .header-panel{display: inline-block;margin-right: 1rem;}
header .header-top .login .login-top .header-panel ul li{position: relative;margin-right: 1.5rem}
header .header-top .login .login-top .header-panel ul li:after{content: '|';right: -0.9375rem;top: 50%;transform: translateY(-50%);position: absolute;opacity: 0.4;}
header .header-top .login .login-top .header-panel .panel_name,
header .header-top .login .login-top .header-panel .panel_news,
header .header-top .login .login-top .header-panel .panel_news,
header .header-top .login .login-top .header-panel .panel_Assets,
header .header-top .login .login-top .header-panel .panel_logout {display: none;}
.dropdown.lang {display: inline-block;padding: 0.3125rem 0;margin-left: 1.5rem;}
.dropdown.lang a {color: #fff;transition: .3s;}
.dropdown.lang .lan {background-repeat: no-repeat;background-position: right center;background-size: auto 100%;}
/*.dropdown.lang:hover .lan{opacity: 1 !important;}*/
.dropdown.lang .dropdown-menu { min-width: 6.875rem; margin-top: 0; padding: 0.3125rem; border-color: #212431; background: #10101a;left: -0.9375rem; z-index: 1001;}
.dropdown.lang .dropdown-menu .lan { padding: 0.125rem 1.875rem 0.125rem 0.625rem; font-size: 0.75rem;margin-bottom: 0.3125rem; }
.dropdown.lang:hover .dropdown-menu { display: block; }
.dropdown.lang .dropdown-menu>li>a:hover, .dropdown.lang .dropdown-menu>li>a:focus {color: #FFC400;}
.dropdown.lang .arrow{transform: rotate(0);transition: .3s;}
.dropdown.lang:hover .arrow{transform: rotate(180deg)}
.header-panel ul li a{transition: .3s;}
header .header-top .form-inline{display: flex;height: 2.25rem;align-items: center;}
header .header-top .form-inline .form-group{margin-right: 1rem;position: relative;}
header .header-top .form-inline .form-control{border-radius: 0.375rem 1.125rem 1.125rem 0.375rem;width: 10rem;height: 2.125rem;border: 0.0625rem solid rgba(255,255,255,0.7);background-color:transparent;color: #ffffff;padding-right: 1.875rem;}
header .header-top .form-inline .form-control::placeholder{color: #ffffff;opacity: .7;}
header .header-top .form-inline .form-group .forget-btn{display: inline-block;width: 1.5rem;height: 1.5rem;position: absolute;right: 0.3125rem;top: 50%;transform: translateY(-50%);background-size: contain;background-repeat: no-repeat;}
header .header-top .form-inline .form-group .form-btn{display: inline-block;width: 6.875rem;height: 2.25rem;border: 0.0625rem solid #ffffff;opacity: .7;text-align: center;line-height: 2.25rem;margin: 0;transition: .3s;}
header .header-top .form-inline .form-group .login-btn{border-radius: 1.125rem 0 0 1.125rem;color: #fff;}
header .header-top .form-inline .form-group .register-btn{border-radius:0 1.125rem 1.125rem 0;background-color: #ffffff;color:var(--primary-color); }
header .header-top .form-inline .form-group .signIn:hover,
header .header-top .form-inline .form-group .form-btn:hover{opacity: 1;}
header .header-top .form-inline .form-group .signIn{color: #fff;font-size: 1.875rem;margin-left: 0.9375rem;text-align: center;line-height: 2.25rem;opacity: .7;}
header .header-top .form-inline .form-group.header-btn{display: flex;margin-right: 0;}
header .header-top .form-inline .form-group.captcha .form-control{width: 11.625rem;padding-left: 6.5625rem;}
header .header-top .form-inline .form-group.captcha img{position: absolute;left: 0.25rem;top: 50%;transform: translateY(-50%);border-radius: 0.25rem;}
header .header-top .login .login-bottom .header-panel ul li{position: relative;margin: 0 0.75rem;}
header .header-top .login .login-bottom .header-panel ul li:after{content: '|';right: -0.9375rem;top: 50%;transform: translateY(-50%);position: absolute;opacity: 0.4;}
header .header-top .login .login-bottom .header-panel ul li.panel_Assets:after,
header .header-top .login .login-bottom .header-panel ul li.panel_logout:after{content: ''}
header .header-top .login .login-bottom .header-panel .panel_player,
header .header-top .login .login-bottom .header-panel .panel_sign,
header .header-top .login .login-bottom .header-panel .panel_quota,
header .header-top .login .login-bottom .header-panel .panel_deposit,
header .header-top .login .login-bottom .header-panel .panel_take {display: none;}
header .header-top .login .login-bottom .header-panel ul li.panel_logout{margin-right: 0;}
header .header-top .login .login-bottom .header-panel ul li a._vr_vipGrad{color: var(--deep-blue) !important;background-color: #FED100;border-radius: 2.5rem;padding: 0 0.5rem;font-size: 0.875rem;}
header .header-top .login .login-bottom .header-panel .panel_news .label-info{color: #fff;background-color: var(--secondary-color);border-radius: 0.25rem;padding: 0 0.25rem;font-size: 0.875rem;font-weight: normal;}
header .header-top .login .login-bottom .header-panel .panel_Assets .text-warning{color: #FED100 !important;}
header .header-top .login .login-bottom .header-panel .panel_Assets .currencySign{margin: 0 0.1875rem;}
header .header-top .login .login-bottom .header-panel .panel_logout a{color: var(--primary-color) !important;background-color: #fff;padding: 0 1rem;border: none;border-radius: 2.5rem;height: 1.5rem;line-height: 1.5rem;}
header .header-top .login .login-bottom .header-panel .ehide_balance,
header .header-top .login .login-bottom .header-panel .allApiBalance,
header .header-top .login .login-bottom .header-panel .panel_logout{opacity: .7;transition: .3s;}
header .header-top .login .login-bottom .header-panel .ehide_balance:hover,
header .header-top .login .login-bottom .header-panel .allApiBalance:hover{color: #fff !important;opacity: 1;}
header .header-top .login .login-bottom .header-panel .panel_logout:hover{opacity: 1;}
header .header-top .login .login-bottom .header-panel .panel_name a,
header .header-top .login .login-bottom .header-panel .panel_Assets .text-warning{font-size: 1rem;}
header .header-bottom{height: calc(100% - 8rem);}
header .header-bottom .navbar,
header .header-bottom .navbar .navbar-collapse{height: 100%;}
header .header-bottom .navbar .navbar-collapse ul{height: 100%;width:100%;display: flex;align-items: center;justify-content: center;}
header .header-bottom .navbar .navbar-collapse ul li{opacity: 0.7;height: 100%;transition: .3s;}
header .header-bottom .navbar .navbar-collapse ul li.active{opacity: 1;}
header .header-bottom .navbar .navbar-collapse ul li a{color: #fff;display: flex;height: 100%;align-items: center;font-size: 1rem;}
header .header-bottom .navbar .navbar-collapse ul li a img{margin-right: 0.5rem;}
header .header-bottom .navbar .navbar-collapse ul li a span{white-space: nowrap;}
header.header-main .header-bottom .navbar .navbar-collapse ul li:before{content: '';position: absolute;display:inline-block;width: 0;height: 0.25rem;border-radius: 0.5rem;bottom: 0;background-color: #fff;opacity: 0;transition: .3s;transform-origin: center;transform: scaleX(0);}
header.header-main .header-bottom .navbar .navbar-collapse ul li:hover:before,
header.header-main .header-bottom .navbar .navbar-collapse ul li.active:before{opacity: 1;width: 100%;transform: scaleX(1);}
header.scrollPage{top: -8rem;position: fixed;left: 0;right: 0;}

.nav-9-2 .nav9.navbar-sub .sub-content{border-bottom:none !important;}
.nav-9-2 .nav9.navbar-sub .sub-content .gameBox .gameList a:hover{background-color: var(--primary-color) !important;}
.nav9.navbar-sub .sub-content .gameImg.gameImg_live img.gameImgG{top: 0 !important;left: -6.0625rem !important;}
.nav9.navbar-sub .sub-content .gameImg.gameImg_live img.gameImgD{top: 1.9375rem !important;left: 19.6875rem !important;}
.nav9.navbar-sub .sub-content .gameImg.gameImg_live img.gameImgE{top: 22.375rem !important;left: -9.5625rem !important;}
.nav9.navbar-sub .sub-content .gameImg.gameImg_casino img.gameImgE{left: -6.3125rem !important;}
.nav9.navbar-sub .sub-content .gameImg.gameImg_casino img.gameImgA{left: -4.875rem !important;top: 21.875rem !important;transform: translateX(-31.25rem);animation: jump_left 800ms 500ms 1 alternate forwards;animation-delay:250ms;}
.nav9.navbar-sub .sub-content .gameImg.gameImg_casino img.gameImgD{left: 18.375rem !important;top: 1.0625rem !important;}
.nav9.navbar-sub .sub-content .gameImg.gameImg_sports img.gameImgD{left: -6.5rem !important;}
.nav9.navbar-sub .sub-content .gameImg.gameImg_sports img.gameImgA{left: 19.1875rem !important;top: 1.9375rem !important;transform: translateX(-31.25rem);animation: jump_left 800ms 500ms 1 alternate forwards;animation-delay:450ms;}
.nav9.navbar-sub .sub-content .gameImg.gameImg_sports img.gameImgE{left: -6.25rem !important;top: 18.75rem !important;}
.nav9.navbar-sub .sub-content .gameImg.gameImg_lottery img.gameImgC{top: 0 !important;left: -6.1875rem !important;}
.nav9.navbar-sub .sub-content .gameImg.gameImg_lottery img.gameImgA{left: 19.6875rem !important;top: 1.75rem !important;transform: translateX(-31.25rem);animation: jump_left 800ms 500ms 1 alternate forwards;animation-delay:300ms;}
.nav9.navbar-sub .sub-content .gameImg.gameImg_lottery img.gameImgB{left: -6.25rem !important;top: 18.75rem !important;}
.nav9.navbar-sub .sub-content .gameImg.gameImg_chess img.gameImgC{top: 0 !important;left: -6.25rem !important;}
.nav9.navbar-sub .sub-content .gameImg.gameImg_chess img.gameImgD{left: 20.0625rem !important;top: 3.75rem !important;}
.nav9.navbar-sub .sub-content .gameImg.gameImg_chess img.gameImgE{left: -10.875rem !important;}
.nav9.navbar-sub .sub-content .gameImg.gameImg_financial img.gameImgC{top: 0 !important;left: -9.9375rem !important;}
.nav9.navbar-sub .sub-content .gameImg.gameImg_financial img.gameImgD{left: 18.75rem !important;top: 1.5625rem !important;}
.nav9.navbar-sub .sub-content .gameImg.gameImg_financial img.gameImgE{left: -6.875rem !important;top: 20.9375rem !important;}
.nav9.navbar-sub .sub-content .gameImg.gameImg_fish img.gameImgC{left: -6.5rem !important;}
.nav9.navbar-sub .sub-content .gameImg.gameImg_fish img.gameImgD{left: 21.25rem !important;top: 7rem !important;}
.nav9.navbar-sub .sub-content .gameImg.gameImg_fish img.gameImgF{left: -7.1875rem !important;top: 3.5625rem !important;}
.nav9.navbar-sub .sub-content .gameImg.gameImg_hotgame img.gameImgB{top: 0 !important;left: -6.4375rem !important;}
.nav9.navbar-sub .sub-content .gameImg.gameImg_hotgame img.gameImgA{left: 20rem !important;top: 2.1875rem !important;transform: translateX(-31.25rem);animation: jump_left 800ms 500ms 1 alternate forwards;animation-delay:300ms;}
.nav9.navbar-sub .sub-content .gameImg.gameImg_hotgame img.gameImgE{left: -7.5rem;top: 21.875rem;}
.nav9.navbar-sub .sub-content .gameImg.gameImg_blockchain img.gameImgB{top: 0 !important;left: -6.25rem !important;}
.nav9.navbar-sub .sub-content .gameImg.gameImg_blockchain img.gameImgD{left: 20rem;top: 21.875rem;}
.nav9.navbar-sub .sub-content .gameImg.gameImg_blockchain img.gameImgE{left: -10.5625rem;top: 2.5625rem;}
.nav-9-2 .nav9.navbar-sub .sub-content .gameBox .gameList a{border:none !important;}
.nav9.navbar-sub .sub-content .gameBox .gameTitle{border-bottom: none !important;color: var(--deep-blue) !important;}
.nav9.navbar-sub .sub-content .gameBox .gameTitle span{opacity: .4;}
.nav-9-2 .nav9.navbar-sub .sub-content .gameBox .gameList .gui{background-color: #EBEBEB !important;color: #fff;}
.nav-9-2 .nav9.navbar-sub .sub-content .gameBox .gameList .gui:hover{background-color: var(--primary-color) !important;}

/*notice*/
.notice{margin-bottom: 8rem;}
.notice .notice-news{width: 100%;display: flex;align-items: center;}
.notice .icon-news{width: 1.5rem;height: 1.5rem;background-repeat: no-repeat;background-position: center;margin-right: 1rem;background-size: contain;}
.notice .notice-list{flex: 1;overflow: hidden;height: 1.5rem;}
.notice .notice-list li a{color: var(--deep-blue);line-height: 1.5rem;}
/*footer*/
footer{height: 25.75rem;display: flex;flex-direction: column;position: relative;}
footer .footer-top{flex: 1;}
footer .footer-top .container{display: flex;height: 100%;justify-content: center;padding-top: 4rem;}
footer .footer-top .item.item-partner{margin-right: 6.5rem;}
footer .footer-top .item.item-about,
footer .footer-top .item.item-privacy,
footer .footer-top .item.item-help{margin-right: 3.4375rem;}
footer .footer-top .item .footer-partner{max-width: 32.6875rem;}
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: 7.5rem;margin-bottom: 1.0625rem;line-height: 2.1875rem;}
footer .footer-top .item ul li a:hover{opacity: 1;}
footer .footer-top .item .title{color: #fff;font-size: 1rem;margin-bottom: 2.0625rem;}
footer .footer-bottom{height: 3.125rem;line-height: 3.125rem;background: #16296E;}
footer .footer-bottom .container{text-align: center}
footer .footer-bottom span{color: #fff;opacity: .6;}

/*index*/
main.index{background-repeat: no-repeat;background-position: top center;padding-top: 12.5rem;}

/*live*/
.main-live{background: no-repeat bottom;}
.content {height: 50rem;position: relative;}
.content .content_text {width: 100%;height: 50rem;position: absolute;filter: alpha(opacity=0);opacity: 0;transition: all 1.5s;-moz-transition: all 1.5s;-webkit-transition: all 1.5s;}
.content .content_text.active {filter: alpha(opacity=100);opacity: 1;z-index: 11;}
.content .content_text .api-item {width: 41.25rem;height: 26.875rem;position: absolute;top: 6.25rem;right: 18.75rem;}
.content .content_text .big-img{height: 50rem;width: 50rem;background-repeat: no-repeat;background-position:  center;background-size: contain;}
.content .container{position: relative;}
.content .api-item .cover {display: inline-block; max-height: 11.25rem; overflow: hidden;}
.content .api-item .cover_list {width: 9.75rem;height: 4rem;float: left;text-align: center;background: #fff;border-radius: 2rem;margin: 0.5rem 0.28125rem;}
.content .api-item .cover_list .hoverBg{width: 8.5rem;height: 3rem;display: flex;justify-content: center;align-items: center;border-radius: 2rem;}
.content .api-item .cover_list .hoverBg > img{margin-right: 0.3125rem;width: 1.5rem;height: 1.5rem;}
.content .api-item .cover_list .hoverBg h5{font-size: 0.875rem}
.content .api-item .cover_list a{display: flex;width: 100%;height: 100%;justify-content: center;align-items: center;color: var(--deep-blue);}
.content .api-item .cover_list a .start_btn{display: none;font-weight: bold;}
.content .api-item .cover_list:hover .hoverBg{background:var(--secondary-color); }
.content .api-item .cover_list:hover a .start_btn{display: block;color: #fff;}
.content .api-item .cover_list:hover h5,
.content .api-item .cover_list:hover img,
.content .api-item .cover_list:hover .type-icon{display: none;}

.content .api-item .api-logo {height: auto;margin-bottom: 0.625rem;display: flex;flex-direction: column;align-items: center;}
.content .api-item .api-logo>img{width: 5.5rem;height: 5.5rem;}
.content .api-item .api-logo > h1{font-size: 2.375rem;}
.vi_VN .content .api-item .api-logo > h1{font-weight: 400;}
.content .api-item .api-logo h5 {color: #4d4d4d;font-size: 1rem;width: 28.75rem;text-align: center;line-height: 1.6;}
.content .api-item .live-play {width: 9.75rem;height: 4rem;margin-top: 2.5rem;display: inline-block;transition: all 300ms;}
.content .api-item .live-play .Start_text {display: block;text-align: center;line-height: 3.375rem;font-size: 1.5rem;color: #f0d1aa;text-shadow: 0 0.125rem 0.125rem rgba(0, 0, 0, 0.3);}
.content .nav_list {width: 100%;position: absolute;text-align: center;bottom: 3rem;z-index: 99;}
.content .nav_list .container{width: 62.5rem !important;margin: 0 auto;}
.content .nav_list ul{display: flex;}
.content .nav_list li {width: 8.75rem !important;height: 8.75rem;display: inline-block;position: relative;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;padding-left: 0.625rem;padding-right: 0.625rem;}
.content .nav_list li img {transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;}
.content .nav_list li .img02 {position: absolute;top: 0;left: 0;filter: alpha(opacity=0);opacity: 0;}
.content .nav_list li.active .img01 {filter: alpha(opacity=0);opacity: 0;}
.content .nav_list li.active .img02 {filter: alpha(opacity=100);opacity: 1;}
.content .nav_list li a { position: relative; top: 0.75rem; display: flex;width: 7.5rem;height: 7.5rem; color: var(--deep-blue); transition: .2s;background-color: rgba(255,255,255,0.9);border-radius: 1rem;flex-direction: column;align-items: center;box-shadow: 0 0 0.625rem rgb(0 0 0 / 10%)}
.content .nav_list li .nav_logo{background: center no-repeat;}

.content .nav_list li.active a,
.content .nav_list li:hover a {top: 0;background: rgba(65,92,193,0.9);color: #fff;}
.content .nav_list li a .nav_logo {width: 7.5rem;height: 5rem;display: block;background-position:center;background-size: 4rem 4rem;}
.content .nav_list li a .nav_title{font-size: 1.125rem;white-space:nowrap;text-overflow:ellipsis;width: 90%;overflow: hidden;}
.content .nav_list .tempWrap{margin: 0 auto;}
.content .nav_list .carousel.auto .carousel-control{width: 3rem;height: 3rem;display: flex;background:#EBEBEB;border-radius: 1.5rem;line-height: 3rem;text-align: center;top: 3.5rem;align-items: center;justify-content: center;cursor: pointer; }
.content .nav_list .carousel.auto .carousel-control:hover{background:var(--primary-color);}
.content .nav_list .carousel.auto .carousel-control:before{content: '';display: none;}
.content .nav_list .carousel.auto .carousel-control:after{box-shadow: none !important;left: auto;right: auto;}
.content .nav_list .carousel-control:after {content: '';display: inline-block;width: 2.5rem;height: 2.5rem;background-repeat: no-repeat;background-position: center;}

/*sportsList*/
.main-sportsList{background: no-repeat bottom;}
.main-sportsList .content {height: 47.625rem;}
.main-sportsList .content .content_text .big-img{height: 47.625rem;background-repeat: no-repeat;background-position-y: bottom;background-position-x:center }
.main-sportsList .content .content_text.s-im .big-img{background-position-x:13.75rem}
.main-sportsList .content .content_text.s-sb .big-img{background-position-x:-1.1875rem;background-position-y:6.25rem;  }
.main-sportsList .content .api-item .api-logo .start_btn{display: inline-block;min-width: 12.5rem;background-color: var(--secondary-color);border-radius: 2.5rem;color: #fff;height: 3.125rem;line-height: 3.125rem;text-align: center;padding: 0 0.9375rem;font-size: 1.125rem;font-weight: bold;margin-top: 4.0625rem;transition: .3s;}
.main-sportsList .content .api-item .api-logo .start_btn:hover{opacity: .8;}

/*sports*/
.main-sports{background-repeat: no-repeat;background-position: bottom center;background-attachment: fixed;}
.main-sports .sports{padding-top: 3.125rem;}
.main-sports .sports .api-tabs{background: #fff;min-height: 5rem !important;border: none !important;display: flex !important;align-items: center;flex-wrap: wrap;}
.main-sports .sports #api-tabs{margin-bottom: 3.125rem;}
.main-sports .sports #api-tabs .carousel-inner{border-radius: 0.5rem;box-shadow: 0 0 0.625rem rgb(0 0 0 / 10%)}
.main-sports .sports .api-tabs>li{position: relative;padding: 0 1.5625rem;height: 5rem;}
.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:after{content: "|";position: absolute;left: 0;top: 50%;transform: translateY(-50%);color: var(--deep-blue);opacity: .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: var(--deep-blue);opacity: .5;height: 5rem;line-height: 5rem;}
.main-sports .sports .api-tabs>li.active a, .main-sports .sports .api-tabs>li>a:hover{opacity: 1;}
.main-sports .sports .api-tabs>li>a .gui{margin-right: 0.625rem;}
/*casino*/
.main-casino{background: #fff bottom center no-repeat;}
/*.main-casino.scrollPage{padding-top: 10.875rem;}*/
.main-casino .container{max-width: 87.5rem !important;}
.main-casino .casino > .container{/*background: linear-gradient(-180deg, rgba(255, 255, 255,1), rgba(255, 255, 255,0)) !important;*/border-top-left-radius:1.25rem;border-top-right-radius:1.25rem;padding-top: 0.625rem !important;}
.main-casino.main-chess .casino > .container{padding-top: 1.875rem !important;}
/*.main-casino .casino > .container{background: #333333 !important;border-top-left-radius:20px;border-top-right-radius:20px;margin-top: -156px;padding: 7rem !important;}*/
.main-casino .casino > .container .api-nav{margin-bottom: 1.75rem;height: 80px !important;background: #fff !important;border-radius: 0.5rem;box-shadow: 0 0 0.625rem 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: 1rem;*/height: 80px !important;/*padding: 0 2.1875rem;*/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: 12.75rem !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;color: var(--deep-blue);opacity: .2;}
.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;opacity: 0.5;transform: scale(0.7);}
.main-casino .casino > .container .api-nav .swiper-container .swiper-slide a em{line-height: 5rem !important;color: var(--deep-blue);opacity: .5;transition: .3s;}
.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: 2.1875rem !important;position: absolute;top: 0;bottom: 0;z-index: 2;height: 100%;font-size: 1.25rem;overflow: hidden;opacity: 0.9;transition: all .3s;}
.main-casino .casino > .container .api-nav .swiper-contro:before{content: '';width: 2.1875rem !important;height: 2.1875rem;display: inline-block;color: #d9d9d9 !important;border-radius: 1.875rem;text-align: center;line-height: 2.1875rem;text-align: center;position: absolute;top: 50%;transform: translateY(-50%);font-size: 0.875rem;transition: .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: 1.25rem !important;}
.main-casino .casino > .container .api-nav .swiper-contro.prev{left: 1.25rem !important;}
/*導航左右切換*/
.main-casino .casino .api-nav .swiper-contro.next:before{display: inline-block;background-repeat: no-repeat;background-position: center;background-color: #EBEBEB;background-size: 55%;}
.main-casino .casino .api-nav .swiper-contro.prev:before{display: inline-block;background-repeat: no-repeat;background-position: center;background-color: #EBEBEB;background-size: 55%;}
.main-casino .casino .api-nav .swiper-contro.next:hover:before{background-repeat: no-repeat;background-position: center;background-color: var(--primary-color);background-size: 55%;}
.main-casino .casino .api-nav .swiper-contro.prev:hover:before{background-repeat: no-repeat;background-position: center;background-color: var(--primary-color);background-size: 55%;}
.main-casino .casino > .container .api-nav .swiper-contro:hover:before{background-color:var(--primary-color);color: #fff !important;background-repeat: no-repeat;background-position: center;}
.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{opacity: 1;}
.main-casino .casino > .container .casino-game-list.casino2020 .api-title{font-size: 1.5rem !important;font-weight: bold !important;padding-left:0 !important;}
.main-casino .casino > .container .casino-game-list.casino2020 .row-wrap .swiper-control{width: 3rem !important;height: 3rem !important;background-color: #ebebeb !important;border-radius: 1.5rem !important;top: 45% !important;opacity: 1 !important;}
.main-casino .casino > .container .casino-game-list.casino2020 .row-wrap .swiper-control.prev{left: -0.625rem !important;}
.main-casino .casino > .container .casino-game-list.casino2020 .row-wrap .swiper-control.next{right: -0.625rem !important;}
.main-casino .casino > .container .casino-game-list.casino2020 .row-wrap .swiper-control .gui-chevron-right:before{content: '';display: inline-block;width: 1.25rem;height: 1.25rem;}
.main-casino .casino > .container .casino-game-list.casino2020 .row-wrap .swiper-control .gui-chevron-left:before{content: '';display: inline-block;width: 1.25rem;height: 1.25rem;}
.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: var(--deep-blue) !important;font-size: 1.125rem !important;padding: 0 !important;margin: 0.3125rem 1.875rem 0.3125rem 0 !important;opacity: .5;transition: .3s;}
.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;font-weight: bold;opacity: 1;}
.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: -3.4375rem !important;}
.main-casino .casino > .container .casino-sorts .search-box .btn-search{width: 3rem !important;height: 3rem !important;border-radius: 1.5rem !important;background: var(--primary-color) !important;color: transparent !important;position: relative;border: none !important;padding: 0;transition: .3s;opacity: 1;}
.main-casino .casino > .container .casino-sorts .search-box .btn-search:hover{opacity: .7;}
.main-casino .casino > .container .casino-sorts .search-box .btn-search:before{content: '';display: inline-block;width: 3rem;height: 3rem;background-repeat: no-repeat;background-position: center;background-size: 1.5rem 1.5rem;}
.gui-search:before{content: '' !important;}
.main-casino .casino > .container .casino-sorts .search-box .form-control{height: 3rem !important;border-radius: 1.5rem !important;background: #F5F5F5;min-width: 15.625rem;border: none !important;padding-left: 1.5rem;box-shadow: none !important;}
.main-casino .casino > .container .casino-sorts .search-box .form-control:focus{box-shadow: inset 0 0.0625rem 0.0625rem rgb(0 0 0 / 8%), 0 0 0.5rem rgb(65, 92, 193,0.6) !important;}
.main-casino .casino > .container .game-list-header{margin-bottom: 2.125rem !important;}
.main-casino .casino > .container .game-list-header .jackpot .j_num{background: var(--secondary-color);border-radius: 0.25rem;}
.main-casino .casino > .container .game-list-header>.pull-right{position: absolute;right: 25%;}
.main-casino .casino > .container .game-list-header .all_g_txt{color: var(--deep-blue) !important;font-size: 1rem !important;position: relative;opacity: .8;}
.main-casino .casino > .container .game-list-header .all_g_txt span{color:var(--secondary-color) !important;font-weight: bold;margin: 0 0.3125rem; }
.main-casino .casino > .container .game-list-header .jackpot .j_txt .t_g_name span{color:var(--deep-blue) !important; }
.main-casino .casino > .container .game-list-header .all_g_txt:after{content: "|";position: absolute;right: -0.8125rem;color: var(--deep-blue);opacity: .2;}
.main-casino .casino > .container .game-list-header .sort2 a{color: var(--deep-blue);font-size: 0.9375rem;opacity: .5;transition: .3s;}
.main-casino .casino > .container .game-list-header .sort2 li:before{content: '';width: 16px;height: 16px;display: inline-block;vertical-align: top;margin: 7px 2px 0 5px;opacity: .5;background-repeat: no-repeat;background-position:center;transition: .3s;background-size: 1rem 1rem;}
.main-casino .casino > .container .game-list-header .sort2 li.active a,
.main-casino .casino > .container .game-list-header .sort2 li:hover a{font-weight: bold;opacity: 1;color: var(--deep-blue) !important;}
.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 .game-list-header .sort2 li.active:before,
.main-casino .casino > .container .game-list-header .sort2 li:hover:before{opacity: 1;}

.main-casino .casino > .container .casino-game-list .game-item.s_border{border: none !important;border-radius: 0.5rem;background: rgba(255,255,255,0.95);overflow: hidden;padding-top: 0.75rem;padding-bottom: 0.75rem;box-shadow: 0 0 0.625rem rgb(0 0 0 / 10%) !important;}
.main-casino .casino > .container .casino-game-list .game-item figure{margin: 0 auto;width: 90% !important;border-radius: 0.5rem;}
.main-casino .casino > .container .casino-game-list .game-item .game-info{padding: 0.75rem 0.75rem !important;}
.main-casino .casino > .container .casino-game-list .game-item .game-info .g_title{color: #333333;font-size: 1.125rem !important;}
.main-casino .casino > .container .casino-game-list .game-item .game-info .g_line2{color: #808080 !important;font-size: 0.9375rem !important;}
.main-casino .casino > .container .casino-game-list .game-item .game-info .g_line2 span{color:var(--secondary-color) !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(65,92,193,0.9) !important;}
.main-casino#main-casino .casino > .container .casino-game-list .game-item .btn-enter,
.main-casino#main-casino .casino > .container .casino-game-list .game-item .btn-try{min-width: 8.5rem !important;height: 3rem !important;border-radius: 1.5rem !important;line-height: 3rem !important;padding-left: 1rem;padding-right: 1rem;transition: .3s;width: auto !important;display: inline-block;font-weight: bold;}
.main-casino .casino > .container .casino-game-list .game-item .btn-enter{background: #fff !important;color: var(--deep-blue) !important;}
.main-casino .casino > .container .casino-game-list .game-item .btn-enter:hover{opacity: .7;}
.main-casino .casino > .container .casino-game-list .game-item .btn-try{background: none !important;border: 0.125rem solid #fff;}
.main-casino .casino > .container .casino-game-list .game-item .btn-try:hover{opacity: .7;color: #fff !important; }
.main-casino .casino > .container .casino-game-list .game-item .table_div .table_cell_div a + a{margin-top: 0.5rem !important;}
.casino-sorts .all_g_txt span{color:var(--secondary-color) !important;font-weight: bold; }
.casino-sorts .all_g_txt{color: #808080 !important;font-size: 1rem !important;}
.main-casino .casino > .container .casino-game-list.casino2020 .game-row{margin-bottom: 1.25rem;}
.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;}
.main-casino .casino > .container .game-list-header .jackpot .j_txt .t_g_name span{margin-right: 0.3125rem;}
.main-casino .casino > .container .game-list-header .jackpot{display: flex;align-items: center;}
.main-casino .casino > .container .game-list-header{display: flex;align-items: center;}
/*.main-casino .casino > .container .game-list-header .jackpot .j_txt{margin-bottom: 0.625rem;}*/
.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: 10.4375rem !important;}
.main-casino .casino > .container .g_no_result,
.main-casino .casino > .container .g_all_game_loaded{color: var(--deep-blue);opacity: .8;}
.main-casino .casino > .container .game-list-header .jackpot .j_num{font-size: 18px !important;font-weight: bold;line-height: 32px !important;}
.main-casino .casino > .container .game-list-header .jackpot .j_dot{color:var(--secondary-color); }
.main-casino .casino > .container .casino-game-list.casino2020 .row-wrap .swiper-container-casino2020{padding-top: 0.625rem;}
.main-casino .casino > .container .casino-game-list.casino2020 .api-title .more-game{transition: .3s;}
/*chess*/
.main-chess .casino > .container .casino-sorts .search-box{top: 0 !important;}

/*lottery*/
.main-lottery{background: #fff bottom center no-repeat;}
/*.main-lottery.scrollPage{padding-top: 10.875rem;}*/
.main-lottery .lottery{padding-top: 1.75rem;}
.main-lottery .container{width: 80% !important;max-width: 87.5rem !important;overflow: visible;}
.main-lottery .ball01{position: absolute;right: 19%;top:6.375rem;animation:little_pic2 3s infinite linear;width: 12.375rem;height: 13.75rem; }
.main-lottery .ball02{position: absolute;right: 36%;top:11.0625rem;animation:little_pic4 4s infinite linear;width: 10.375rem;height: 11.875rem;}
.main-lottery .ball03{position: absolute;right: 26%;top:18.125rem; animation:little_pic3 3s infinite linear;z-index: 2;width: 14rem;height: 15.375rem;}
.main-lottery .ball04{position: absolute;right: 19%;bottom:-0.1875rem;animation:little_pic3 5s infinite linear;width: 14.5rem;height: 15.875rem; }
.main-lottery .ball05{position: absolute;right: 26%;top:30rem;animation:little_pic2 6s infinite linear;width: 17.375rem;height: 17.875rem; }
.main-lottery .ball06{position: absolute;right: 8%;top:37.5rem;z-index: 99;animation:little_pic4 4s infinite linear;width: 9.625rem;height: 9.625rem; }
.main-lottery .lottery .api-tabs{background: rgba(255,255,255,1);height: 5rem;border-radius: 0.5rem;border: none;align-items: center;}
.main-lottery .lottery .tab-tit{box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.1);border-radius: 0.5rem;margin-bottom: 2.1875rem;}
.main-lottery .lottery .api-tabs>li{position: relative;/*margin-left: 3rem;*/width: 12.75rem !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: var(--deep-blue);opacity: .5;}
.main-lottery .lottery .api-tabs>li.active a,
.main-lottery .lottery .api-tabs>li>a:hover{font-weight: bold;opacity: 1;}
.main-lottery .lottery .api-tabs>li+li{border: none;}
.main-lottery .lottery .api-tabs>li+li:before{content: '|';position: absolute;left: 0;top: 50%;color:var(--deep-blue);transform: translateY(-50%);font-weight: 100;opacity: 0.2; }
.vi_VN.main-lottery .lottery .api-tabs>li+li:before{font-weight: 400;}
.main-lottery .lottery .api-tabs>li>a>.gui:before{display: none;}
.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-bottom:2.5rem;}
.main-lottery .lottery .lottery-box .game-list .nav-lottery-tabs li{margin-right: 2rem;margin-bottom: 1.5rem;}
.main-lottery .lottery .lottery-box .game-list .nav-lottery-tabs li a{color: var(--deep-blue);font-size: 1.125rem;display: flex;line-height: 1.75rem;opacity: .5;transition: .3s;}
.main-lottery .lottery .lottery-box .game-list .nav-lottery-tabs li a .lottery-icon{font-size: 1.75rem;margin-right: 0.875rem;}
.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{font-weight: bold;opacity: 1;}
.main-lottery .lottery .lottery-box .game-list ._vr_lottery_game.col-5-4{width: 100%;display: grid;grid-template-columns:repeat(auto-fill, minmax(13.75rem, 1fr)) }
.main-lottery .lottery .lottery-box .game-list ._vr_lottery_game.col-5-4 .lottery_list.col-4-1{width: 13.75rem;max-width: 13.75rem;background: rgba(255,255,255,0.95);border-radius: 0.5rem;margin: 0.375rem;box-shadow: 0 0 0.625rem rgba(0,0,0,0.1);position: relative;padding-top: 2rem;padding-bottom: 2rem;}
.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: 0.5rem;background:rgba(65,92,193,0.9);display: flex;justify-content: center;align-items: center;opacity: 0;transition: .3s; }
.main-lottery .lottery .lottery-box .game-list ._vr_lottery_game.col-5-4 .lottery_list.col-4-1 .cover .cover-name{min-width: 8.5rem;height: 3rem;line-height:2.875rem;border-radius: 1.5rem;text-align: center;color: var(--deep-blue);transition: .3s;padding-right: 1rem;padding-left: 1rem;background-color: #fff;opacity: 1;}
.main-lottery .lottery .lottery-box .game-list ._vr_lottery_game.col-5-4 .lottery_list.col-4-1 .cover .cover-name:hover{opacity: .7; }
.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: 1.5rem;}
.main-lottery .lottery .lottery-box .game-list ._vr_lottery_game.col-5-4 .lottery_list.col-4-1 .game-img>img{width: 9.875rem;height: 9.875rem;}
.main-lottery .lottery .lottery-box .game-list ._vr_lottery_game.col-5-4 .lottery_list.col-4-1 .game-item .title a{color: var(--deep-blue);font-size: 1.125rem;}

/*fish*/
.fish-main{min-height: 87.75rem;background: no-repeat center top;background-attachment: fixed;padding-top: 0;}
.fish-main .page_banner{height: 62.5rem;position: fixed;/*transition: .3s;*/}
.huntfish{background: none !important;}
.huntfish .main-fish .huntfishtitle{display: none;}
.huntfish .main-fish{display: flex;justify-content: center;margin: 39rem 0 0 0 !important;}
.huntfish .main-fish #huntfishtitle-list{margin: 0 !important;width: 95.625rem !important;display: flex;flex-wrap: wrap;justify-content: center;}
.huntfish .main-fish #huntfishtitle-list>a{width: 19.125rem !important;background-size: contain !important;}
.huntfish .main-fish #huntfishtitle-list>a .fish-img{margin: 1.875rem auto 0.625rem !important;min-height: 8.625rem !important;}
.huntfish .main-fish #huntfishtitle-list>a .fish-img>img{width: 55% !important;height: auto;min-height: auto !important;}
.huntfish .main-fish #huntfishtitle-list>a .start_btn.start-btn{display: inline-block !important;border: 0.0625rem solid #fff;border-radius: 1.25rem;height: 2.5rem !important;line-height: 2.5rem !important;margin-bottom: 1.875rem;min-width: 8.75rem;width: auto !important;padding-left: 1rem;padding-right: 1rem;}
.huntfish .main-fish #huntfishtitle-list>a .start_btn.game-name{width: 100% !important;font-size: 1.125rem !important;}
.huntfish .main-fish #huntfishtitle-list>a:hover .start_btn.game-name{display: inline-block !important;}
.huntfish .main-fish #huntfishtitle-list>a .start_btn{background: none !important;box-shadow:none !important;font-weight: bold !important;}
.huntfish .main-fish #huntfishtitle-list>a:hover .start_btn.start-btn{background: #ffd200 !important;color: #333333 !important;border: 0.0625rem solid #ffd200;transition: .3s;}
.huntfish .main-fish #huntfishtitle-list>a:hover .start_btn.start-btn:hover{background: #ffb700  !important;border: 0.0625rem solid #ffb700;}


/*register*/
.main-register{background-repeat: no-repeat;background-position: center top;background-attachment: fixed;}
.main-register h2{text-align: center;font-size: 1.5rem;font-weight: bold;margin-top: 3rem;margin-bottom: 2.5rem;}
.main-register .container{width: 80% !important;max-width: 87.5rem !important;}
.main-register .col-12-4{width: 30%;}
.main-register .register{background: #fff;border-radius: 0.5rem;margin-top: 2.5rem;margin-bottom: 6.25rem;padding-bottom: 5rem;}
.main-register .form-control{border-radius: 0.5rem !important;height: 3rem;line-height: 3rem;border: 0.125rem solid #e5e5e5;}
.has-error .help-block, .has-error .control-label, .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: 0.875rem;font-size: 1rem;}
.main-register .btn-registerBtn{display: block;min-width: 15rem;width: auto;height: 3rem;color: #fff;background:var(--primary-color);border-radius: 1.5rem;text-align: center;margin-top: 1.875rem;transition: .3s;font-weight: bold;font-size: 1.125rem;opacity: 1; }
.main-register .btn-registerBtn:hover{opacity: .7;}
.main-register .input-group{display: block !important;}
.main-register ._vr_captcha_code{border-radius: 0.5rem;}
.text-danger{color: #ff0000 !important;}
.form-control:focus{box-shadow: none !important;border-color: #FF0000;}
.progress {background: none;margin-bottom: 0.625rem;box-shadow: none !important;}
.progress .progress-bar {width: 100% !important;display: flex;gap: 0.5rem;background: transparent !important;box-shadow: none !important;}
.progress .progress-bar span {width: 33.33333%;border-radius: 6.25rem;max-width: 14.145625rem;}
.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;}

/*about*/
.main-about{ background-repeat: no-repeat;background-position: center top;background-attachment: fixed;}
.main-about .container{width: 80% !important;max-width: 87.5rem !important;overflow: visible !important;}
.main-about .about{display: flex;flex-direction: column;align-items: center;width: 100%;margin-top: 2rem;}
.main-about .about-item-top{width: 100%;height: 5rem;margin-bottom: 2rem;}
.main-about .about-item-top ul{display: flex;height: 5rem;background: #fff;border-radius: 0.5rem;width: 100%;box-shadow: 0 0 0.625rem rgb(0 0 0 / 10%);justify-content: center;align-items: center;padding-left: 3.125rem;padding-right: 3.125rem;}
.main-about .about-item-top ul li{position: relative;text-align: center;margin: 0 1rem;}
.main-about .about-item-top ul li a{color: var(--deep-blue);white-space: nowrap;opacity: .5;transition: .3s;font-size: 1.125rem;}
.main-about .about-item-top ul li.active a,
.main-about .about-item-top ul li:hover a{font-weight: bold;opacity: 1;}
.main-about .about-item-top ul li + li:before{content: '|';position: absolute;left: -1rem;top: 50%;transform: translateY(-50%);color: var(--deep-blue);opacity: .2;}
.main-about .about-item-bottom{width: 100%;margin-bottom: 4rem;}
.main-about .about-item-bottom .about-content{background: #fff;border-radius: 0.5rem;box-shadow: 0 0 0.625rem rgb(0 0 0 / 10%);}
.main-about .about-item-bottom .about-content .page-content{padding: 3.125rem 6.25rem;}
.main-about .about-item-bottom .about-content .page-content h3{color: var(--deep-blue);font-weight: bold;margin-bottom: 1.125rem;}
.main-about .about-item-bottom .about-content .page-content p{font-size: 1rem;line-height: 1.75rem;}
.main-about .about-item-bottom .about-content .page-content a{font-size: 1rem;color: var(--primary-color) !important;}

/*agent*/
header.header-agent .header-bottom .navbar .navbar-collapse ul li + li:before{content: '|';position: absolute;top: 50%;transform: translateY(-50%);color: #fff;opacity: .2;}
header.header-agent .header-bottom .navbar .navbar-collapse ul li{opacity: 1;}
header.header-agent .header-bottom .navbar .navbar-collapse ul li a{opacity: 0.7;font-size: 1.125rem;}
header.header-agent .header-bottom .navbar .navbar-collapse ul li.active a,
header.header-agent .header-bottom .navbar .navbar-collapse ul li:hover a{opacity: 1;}
.agent-content-wrap{padding: 2.5rem 0 5rem 0;}
.agent-content-wrap .container{width: 87.5rem;border-radius: 0.5rem;background-color: #fff;padding: 3.4375rem 6.25rem;min-height: 43.75rem;box-shadow: 0 0 0.625rem rgb(0 0 0 / 10%);}

/*promo*/
.promo-main{background: #fff;}
.promo-main .page_banner .container{max-width: 87.5rem !important;}
.main-promo.theme-white{background: none !important;width: 87.5rem !important;padding-left: 0;padding-right: 0;}
.main-promo.theme-white .promo-top-bar{background: #fff !important;border: none !important;border-radius: 0.5rem;margin-bottom: 8rem;box-shadow: 0 0 0.625rem rgb(0 0 0 / 10%);padding-right: 0 !important;}
.main-promo .promo-top-bar > ul{padding: 0.9375rem 2.5rem !important;}
.main-promo.theme-white .promo-top-bar > ul li.active:after{display: none !important;}
.main-promo.theme-white .promo-top-bar > ul li a{color: var(--deep-blue) !important;font-size: 1.125rem;position: relative;opacity: .5;transition: .3s;}
.main-promo.theme-white .promo-top-bar > ul li:hover a,
.main-promo.theme-white .promo-top-bar > ul li.active a{font-weight: bold;opacity: 1;}
.main-promo.theme-white .promo-top-bar > ul li.active{background: none !important;}
.main-promo.theme-white .promo-top-bar > ul li:hover{background: none !important;}
.main-promo.theme-white .promo-top-bar > ul li + li:before{content: '|';position: absolute;left: 0;top: 50%;transform: translateY(-50%);color: var(--deep-blue);opacity: .2;}
.main-promo .promo-top-bar .search-bar{bottom: -5.4375rem;top:auto !important;right: 0 !important;}
.main-promo .promo-top-bar .search-bar .input-wrap{width: 18.75rem !important;height: 3rem !important;border-radius: 1.5rem !important;border: none !important;padding-right: 0 !important;}
.main-promo.theme-white .promo-top-bar .search-bar .input-wrap .icon-search{display: none;}
.main-promo.theme-white .promo-top-bar .search-bar .btn-search{width: 3rem !important;height: 3rem !important;border-radius: 1.5rem !important;background: var(--primary-color) !important;color: transparent !important;position: relative;border: none !important;padding: 0;margin-left: 0.75rem;transition: .3s;}
.main-promo.theme-white .promo-top-bar .search-bar .btn-search:hover{opacity: .7; }
.main-promo .promo-top-bar .search-bar form{display: flex;}
.main-promo .list-type1 .promo-item{border-radius: 1rem;overflow: hidden;padding: 0 !important;border: none !important;}
.main-promo .list-type1 .promo-item .promo-status{right: 1rem !important;border-radius: 1.125rem !important;height: 2.25rem !important;line-height: 2.25rem !important;padding: 0 0.75rem 0 2.5rem !important;top: 2.25rem !important;}
.main-promo .list-type1 .promo-item .promo-status .icon-clock{left: 0.75rem !important;top: 0.4375rem !important;width: 1.375rem !important;height: 1.375rem !important;background-size: 1.375rem 1.375rem !important;}
.main-promo .list-type1 .promo-item .shadow{bottom: 0 !important;left: 0 !important;right: 0 !important;background: rgba(65,92,193,0.9) !important;height: 100% !important;}
.main-promo .list-type1 .promo-item .shadow .btn-apply{height: 3rem !important;border-radius: 1.5rem !important;line-height: 3rem !important;background: #fff !important;font-size: 1rem !important;font-weight:bold;padding-right: 2.25rem !important;padding-left: 2.25rem !important;transition: .3s;margin-left: auto !important;transform: translateX(-50%);color: var(--deep-blue) !important;bottom: 3.125rem !important;}
.main-promo .list-type1 .promo-item .shadow .btn-apply:hover{opacity: .7; }
.main-promo .list-type1 .promo-item img{height: 16.25rem !important;}
.promo_detail.layui-layer.layui-layer-info .layui-layer-title{background: var(--primary-color) !important;height: 5rem;line-height: 5rem;border-top-left-radius: 0.75rem;border-top-right-radius: 0.75rem;font-size: 1.5rem;}
.promo_detail.layui-layer.layui-layer-info .layui-layer-setwin .layui-layer-close{border: 0.1875rem solid var(--primary-color) !important;color:#fff !important;background:var(--primary-color) !important;font-size: 2.5rem;  }
.promo_detail.layui-layer .layui-layer-setwin{box-shadow: none !important;right: 1.4375rem !important;top: 1.4375rem !important;}
.promo_detail.layui-layer.layui-layer-info .layui-layer-btn a{border-color: var(--primary-color) !important;background-color: var(--primary-color) !important;min-width: 7.5rem;height: 3rem;border-radius: 1.5rem;line-height: 3rem;font-size: 1rem;font-weight: bold;padding: 0 2.625rem;}
.layui-layer.promo_detail{border-radius: 0.75rem;}
.layui-layer.promo_detail .layui-layer-btn{border-bottom-left-radius: 1rem;border-bottom-right-radius: 1rem;width: 95%;left: 50%;transform: translateX(-50%);padding: 1.5rem 0.9375rem;border-top: 0.125rem solid rgba(69,76,100,0.15);}
.layui-layer.promo_detail .layui-layer-content .promo-content{padding: 2.3125rem 3rem;}
.main-promo.theme-white .promo-top-bar .search-bar .input-wrap input{background: #F5F5F5;padding-left: 1.5rem;border-radius: 1.5rem;color: var(--deep-blue) !important;font-size: 1rem;}
.main-promo.theme-white .promo-top-bar .search-bar .input-wrap input::placeholder{color: var(--deep-blue);opacity: .3;font-size: 1rem;}
.main-promo.theme-white .promo-top-bar .search-bar .input-wrap input:focus{box-shadow: inset 0 0.0625rem 0.0625rem rgb(0 0 0 / 8%), 0 0 0.5rem rgb(65 92 193 / 60%) !important}
.main-promo.theme-white .promo-top-bar .search-bar .input-wrap input:focus::placeholder{color: #cfcfcf !important;}
.main-promo .list-type1 .promo-item .btn-detail{border: none !important;}
.layui-layer.promo_detail .layui-layer-content .promo-content .icon-goUp{display: none !important;}
.main-promo .promo-top-bar > ul li{padding: 0 1.5rem !important;}
.main-promo .list-type1 .row{display: grid;grid-template-columns: repeat(auto-fit,minmax(26.25rem,26.25rem));justify-content: space-between;}
.main-promo .list-type1 .row .col-3-1{width: 100%;padding: 0 !important;}
.main-promo .row:before, .main-promo .row:after{display: none;}
.layui-layer.promo_detail .layui-layer-content .promo-content .content p{text-indent: 0 !important;}
.layui-layer.promo_detail .layui-layer-content .promo-content .tit,
.layui-layer.promo_detail .layui-layer-content .promo-content .content{color: var(--deep-blue);}

/*blockchain*/
.main-blockchain{background: #fff;}
.main-blockchain .title{color: var(--deep-blue);text-align: center;margin-bottom: 2.5rem;margin-top: 3.4375rem;font-size: 2.375rem;font-weight: bold;}
.vi_VN.main-blockchain .title{font-weight: 400;}
.main-blockchain .container{width: 80% !important;max-width: 87.5rem;}
.main-blockchain .blockchain-screen-01{padding-bottom: 8.125rem;}
.main-blockchain .blockchain-screen-01 .game_box{display: grid;grid-template-columns: repeat(auto-fit, minmax(13.75rem, 1fr));}
.main-blockchain .blockchain-screen-01 .game_box a{width: 13.75rem;height: 16.625rem;margin: 0.375rem;display: flex;border-radius: 0.5rem;background: #fff;box-shadow: 0 0 0.625rem rgba(0,0,0,0.1);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;justify-content: center;}
.main-blockchain .blockchain-screen-01 .game_box a .game_img{height: 9rem;width: auto;margin-bottom: 1.5rem;}
.main-blockchain .blockchain-screen-01 .game_box a .gameName{font-size: 1.125rem;color: var(--deep-blue);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(65,92,193,0.9);display: flex;align-items: center;justify-content: center;opacity: 0;}
.main-blockchain .blockchain-screen-01 .game_box a .shadow .start_btn{min-width: 8.5rem;height: 3rem;border-radius: 1.5rem;text-align: center;line-height:2.875rem;color: var(--deep-blue);font-weight: bold;padding-right: 1rem;padding-left: 1rem;transition: .3s;background-color: #fff;font-size: 1rem;max-width: 11.25rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.main-blockchain .blockchain-screen-01 .game_box a .shadow .start_btn:hover{opacity: .7;}
.main-blockchain .blockchain-screen-01 .game_box a:hover .shadow{opacity: 1;}

/*hotgame*/
.main-hotgame{background: #fff;margin-bottom: -2.1875rem;padding-top: 12.3125rem;}
/*.main-hotgame .page_banner{height: 818px;}*/
.main-hotgame .title{color: var(--deep-blue);text-align: center;margin-top: 3.4375rem;margin-bottom: 2.5rem;font-size: 2.375rem;font-weight: bold;}
.vi_VN.main-hotgame .title{font-weight: 400;}
.main-hotgame .container{width: 100rem !important;background: rgba(255,255,255,0.9);border-top-right-radius: 1.5rem;border-top-left-radius: 1.5rem;margin-top: -9.375rem;}
/*.main-hotgame .white_bg{width: 100%;height: 22rem;background: no-repeat center top;position: absolute;}*/
.main-hotgame .hotgame-screen-01{margin-bottom: 12.8125rem;}
.main-hotgame .hotgame-screen-01 .slide1{width: 84.75rem;height: 23.125rem;}
.main-hotgame .hotgame-screen-01 .slide1 .item{height: 20.5rem;display: flex;align-items: flex-start;justify-content: center;}
.main-hotgame .hotgame-screen-01 .slide1 .item .item-box{width: 26.25rem;height: 19rem;line-height: 3.5rem;display: flex;flex-direction: column;align-items: center;padding-bottom: 1.875rem;background-position: center;transition: .3s;background-size: contain;}
.main-hotgame .hotgame-screen-01 .slide1 .swiper-wrapper{width: 100%;height: 100%;}
.main-hotgame .hotgame-screen-01 .slide1 .item .top-title{width: 18.25rem;height: 5.125rem;display: flex;flex-direction: column;align-items: center;margin-bottom: 1.75rem;color: #fff;position: relative;}
.main-hotgame .hotgame-screen-01 .slide1 .item .top-title:after{content: '';width: 16.25rem;height: 0.0625rem;position: absolute;background-color: rgba(255,255,255,0.2);top: 3rem;left: 50%;transform: translateX(-50%);}
.main-hotgame .hotgame-screen-01 .slide1 .item .top-title .sports-title{line-height: 3rem;}
.main-hotgame .hotgame-screen-01 .slide1 .item .top-title .time{line-height: 2.0625rem;}
.main-hotgame .hotgame-screen-01 .slide1 .item .content{width: 100%;display: flex;flex-direction: column;align-items: center;height: calc(100% - 5.125rem);justify-content: flex-start;}
.main-hotgame .hotgame-screen-01 .slide1 .item .content .top .time{font-size: 1rem;color: #717171;}
.main-hotgame .hotgame-screen-01 .slide1 .item .content .middle{display: flex;justify-content: space-evenly;align-items: flex-start;width: 100%;height: 10rem;margin-bottom: 0.5rem;}
.main-hotgame .hotgame-screen-01 .slide1 .item .content .middle .vs-text{font-size: 2.25rem;font-weight: bold;line-height: 7rem;opacity: 0;color: #fff;}
.main-hotgame .hotgame-screen-01 .slide1 .item.swiper-slide-active .content .middle .vs-text{opacity: 1}
.main-hotgame .hotgame-screen-01 .slide1 .item .content .middle .border-box{width: 7rem;height: 7rem;background: #fff;border-radius: 7rem;display: flex;align-items: center;justify-content: center;}
/*.main-hotgame .hotgame-screen-01 .slide1 .item .content .middle .inline-shadow{width: 7rem;height: 7rem;background: #fff;box-shadow: inset 0 0 11px 0 #dbdada;border-radius: 7.5rem;display: flex;align-items: center;justify-content: center;}*/
.main-hotgame .hotgame-screen-01 .slide1 .item .content .middle .img_box{width: 6.375rem;height: 6.375rem;border-radius: 6.375rem;background: #fff;display: flex;align-items: center;justify-content: center;border: 0.1875rem solid #E3E3E3;}
.main-hotgame .hotgame-screen-01 .slide1 .item.swiper-slide-active .content .middle .img_box{border: 0.1875rem solid var(--primary-color);}
.main-hotgame .hotgame-screen-01 .slide1 .item .content .middle .img_box img{max-width: 4.5rem;max-height: 4.5rem;}
.main-hotgame .hotgame-screen-01 .slide1 .item .content .middle .team > span{display: inline-block;width: 8.75rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.main-hotgame .hotgame-screen-01 .slide1 .item.swiper-slide-active .content .middle .team > span{color: #fff}
.main-hotgame .hotgame-screen-01 .slide1 .item .content .bottom .btn_start{min-width: 13.125rem;height: 3rem;border-radius: 1.875rem;color: #fff;background: var(--secondary-color);font-size: 1rem;font-weight: bold;padding-left: 0.25rem;transition: .3s;border: 0.125rem solid #FFFFFF;display: none;align-items: center;box-sizing: content-box;}
.main-hotgame .hotgame-screen-01 .slide1 .item .content .bottom .btn_start img{width: 2.5rem;height: 2.5rem;}
.main-hotgame .hotgame-screen-01 .slide1 .item .content .bottom .btn_start span{flex: 1;text-align: center;padding: 0 0.3125rem 0 0.625rem;}
.main-hotgame .hotgame-screen-01 .slide1 .item .content .bottom .btn_start:hover{}
.main-hotgame .hotgame-screen-01 .slide1 .item.swiper-slide-active .content .bottom .btn_start{display: flex;}
.main-hotgame .hotgame-screen-01 .slide1 .item .content .middle .team{text-align: center;display: flex;flex-direction: column;align-items: center;}
.main-hotgame .hotgame-screen-01 .carousel-control{background-image: none;width: 2.5rem;height: 2.5rem;border-radius: 3rem;background-color: #EBEBEB;opacity: 1 !important;top: 60%;transition: .3s;}
.main-hotgame .hotgame-screen-01 .carousel-control:hover{background-color:var(--primary-color); }
.hotgame-screen-01 .carousel-control:after {content: '';display: inline-block;width: 2.5rem;height: 2.5rem;background-position: center;background-repeat: no-repeat;background-size: 20px 20px;}
.main-hotgame .hotgame-screen-01 .carousel-control.left{left: 3.125rem;}
.main-hotgame .hotgame-screen-01 .carousel-control.right{right: 3.125rem;}
.main-hotgame .hotgame-screen-02{padding-bottom: 8.125rem;}
.main-hotgame .hotgame-screen-02 .game_box{display: grid;grid-template-columns: repeat(auto-fit, minmax(13.75rem, 1fr));}
.main-hotgame .hotgame-screen-02 .game_box a{width: 13.75rem;height: 16.625rem;margin: 0.375rem;display: flex;border-radius: 0.5rem;background: rgba(255,255,255,0.95);box-shadow: 0 0 0.625rem rgba(0,0,0,0.1);flex-direction: column;align-items: center;justify-content: center;position: relative;overflow: hidden;}
.main-hotgame .hotgame-screen-02 .game_box a .content{width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.main-hotgame .hotgame-screen-02 .game_box a .game_img{height: 9rem;width: auto;margin-bottom: 1.5rem;}
.main-hotgame .hotgame-screen-02 .game_box a .gameName{font-size: 1.125rem;color: #222;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(65,92,173,0.9);display: flex;align-items: center;justify-content: center;opacity: 0;}
.main-hotgame .hotgame-screen-02 .game_box a .shadow .start_btn{min-width: 8.5rem;height: 3rem;border-radius: 1.5rem;text-align: center;line-height:2.875rem;font-weight: bold;padding-right: 1rem;padding-left: 1rem;transition: .3s;background-color: #fff;}
.main-hotgame .hotgame-screen-02 .game_box a .shadow .start_btn:hover{opacity: .7;}
.main-hotgame .hotgame-screen-02 .game_box a:hover .shadow{opacity: 1;}
.main-hotgame .hotgame-screen-02 .game_box a .api-icon{position: absolute;width: 1.875rem;height: 1.875rem;background-color: #F0F0F0;background-repeat: no-repeat;background-position: center;background-size: contain;pointer-events: none;top: 0.75rem;left: 0.75rem;border-radius: 1.875rem;}

.index h2{font-style: italic;}
/*index-screen-01*/
.index-screen-01{width: 100%;overflow: hidden;height: 40.625rem;}
.index-screen-01 .title{height: 7.0625rem;width: 100%;background-repeat: no-repeat;background-position: top center;display: flex;justify-content: center;align-items: flex-end;margin-bottom: 4.6875rem;}
.index-screen-01 .title .content{display: flex;align-items: center;height: 2.625rem;}
.index-screen-01 .title .content h2{margin: 0 2.5rem;font-size: 2.625rem;font-weight: bold;}
.index-screen-01 .swiper-container{height: 23.75rem;width: 133.25rem;left: 50%;transform: translateX(-50%);overflow: visible;}
.index-screen-01 .swiper-container .swiper-wrapper{height: 100%}
.index-screen-01 .swiper-container .swiper-wrapper .item{height: 100%;display: flex;align-items: flex-end;justify-content: center;transition: .3s;}
.index-screen-01 .swiper-container .swiper-wrapper .item.swiper-slide-active{align-items: flex-start;}
.index-screen-01 .swiper-container .swiper-wrapper .item .item-box{width: 38.75rem;height: 20.625rem;background-repeat: no-repeat;background-position: top center;display: flex;flex-direction: column;align-items: center;line-height: 3.5rem;background-size: contain;}
.index-screen-01 .swiper-container .swiper-wrapper .item .top-title{width: 23.25rem;height: 5.5rem;display: flex;flex-direction: column;align-items: center;margin-bottom: 1.75rem;color: #fff;position: relative;}
.index-screen-01 .swiper-container .swiper-wrapper .item .top-title:after{content: '';width: 21.25rem;height: 0.0625rem;position: absolute;background-color: rgba(255,255,255,0.2);top: 3.25rem;left: 50%;transform: translateX(-50%);}
.index-screen-01 .swiper-container .swiper-wrapper .item .top-title .sports-title{height: 3.25rem;line-height: 3.25rem;font-size: 1.5rem;}
.index-screen-01 .swiper-container .swiper-wrapper .item .top-title .time{line-height: 2.1875rem;font-size: 1rem;font-weight: bold;}
.index-screen-01 .swiper-container .swiper-wrapper .item .content{width: 100%;display: flex;flex-direction: column;align-items: center;height: calc(100% - 5.125rem);justify-content: flex-start;}
.index-screen-01 .swiper-container .swiper-wrapper .item .content .top .time{font-size: 1rem;color: #717171;}
.index-screen-01 .swiper-container .swiper-wrapper .item .content .middle{display: flex;justify-content: space-evenly;align-items: flex-start;width: 100%;height: 10rem;margin-bottom: 1.75rem;}
.index-screen-01 .swiper-container .swiper-wrapper .item .content .middle .vs-text{font-size: 4.5rem;font-weight: bold;line-height: 7rem;opacity: 0;color: #fff;}
.index-screen-01 .swiper-container .swiper-wrapper .item.swiper-slide-active .content .middle .vs-text{opacity: 1}
.index-screen-01 .swiper-container .swiper-wrapper .item .content .middle .border-box{width: 8.5rem;height: 8.5rem;background: #fff;border-radius: 7rem;display: flex;align-items: center;justify-content: center;}
.index-screen-01 .swiper-container .swiper-wrapper .item .content .middle .img_box{width: 7.875rem;height: 7.875rem;border-radius: 6.375rem;background: #fff;display: flex;align-items: center;justify-content: center;border: 0.1875rem solid #E3E3E3;}
.index-screen-01 .swiper-container .swiper-wrapper .item.swiper-slide-active .content .middle .img_box{border: 0.1875rem solid var(--primary-color);}
.index-screen-01 .swiper-container .swiper-wrapper .item .content .middle .img_box img{max-width: 5.5rem;max-height: 5.5rem;}
.index-screen-01 .swiper-container .swiper-wrapper .item .content .middle .team > span{display: inline-block;width: 8.75rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 1rem;}
.index-screen-01 .swiper-container .swiper-wrapper .item.swiper-slide-active .content .middle .team > span{color: #fff}
.index-screen-01 .swiper-container .swiper-wrapper .item .content .bottom .btn_start{min-width: 13.125rem;height: 3.5rem;border-radius: 1.75rem;color: #fff;background: var(--secondary-color);font-size: 1.375rem;font-weight: bold;padding: 0 0.625rem 0 0.3125rem;transition: .3s;border: 0.25rem solid #FFFFFF;display: none;align-items: center;}
.index-screen-01 .swiper-container .swiper-wrapper .item .content .bottom .btn_start img{width: 2.5rem;height: 2.5rem;}
.index-screen-01 .swiper-container .swiper-wrapper .item .content .bottom .btn_start span{flex: 1;text-align: center;padding: 0 0.3125rem 0 0.625rem;}
.index-screen-01 .swiper-container .swiper-wrapper .item .content .bottom .btn_start:hover{}
.index-screen-01 .swiper-container .swiper-wrapper .item.swiper-slide-active .content .bottom .btn_start{display: flex;}
.index-screen-01 .swiper-container .swiper-wrapper .item .content .middle .team{text-align: center;display: flex;flex-direction: column;align-items: center;}
.index-screen-01 .swiper-pagination{bottom: -1.875rem !important;}

.index-screen-02{width: 100%;overflow: hidden;position: relative;height: 57.625rem;}
.index-screen-02 .app-img01{position: absolute;left: -15.625rem;top: 0;width: 59.875rem;height: 57.625rem;}
.index-screen-02 .app-img02{position: absolute;right: -19.375rem;top: 12.5rem;width: 38.125rem;height: 46.5rem;}
.index-screen-02 .container{padding-top: 15.625rem;padding-left: 40.625rem;overflow: visible;}
.index-screen-02 .title{background-position: top left;background-repeat: no-repeat;padding-left: 2.8125rem;padding-top: 6.5625rem;}
.index-screen-02 .content{}
.index-screen-02 .content .text-title span{font-size: 3rem;font-style: italic;font-weight: bold;}
.index-screen-02 .content .text-title span.text-orange{font-size: 3.75rem;color: var(--secondary-color);margin-right: 0.5rem;}
.index-screen-02 .content .app-content{padding-left: 1.5625rem;margin-top: 1rem;}
.index-screen-02 .content .app-content .slogan{width: 22.5rem;font-size: 1.125rem;margin-bottom: 1.625rem;}
.index-screen-02 .content .app-content .item{height: 7.5rem;display: flex;align-items: center;}
.index-screen-02 .content .app-content .item .item-qrcode{width: 7.5rem;height: 7.5rem;display: flex;align-items: center;justify-content: center;margin-right: 1.5rem;}
.index-screen-02 .content .app-content .item .item-qrcode img{width: 6.875rem !important;}
.index-screen-02 .content .app-content .item .item-text{display: flex;flex-direction: column;}
.index-screen-02 .content .app-content .item .item-text span{font-size: 1rem;}
.index-screen-02 .content .app-content .item .item-text span strong{color: var(--secondary-color);font-weight: normal;}

.index-screen-03{height: 62.5rem;overflow: hidden;}
.index-screen-03 .container{/*display: flex;align-items: center;*/height: 100%;overflow: visible;position: relative;}
.index-screen-03 .api-list{width: 20.5rem;height: 24.8125rem;z-index: 2;overflow: visible;display: inline-block;position: absolute;top: 50%;transform: translateY(-50%);}
.index-screen-03 .api-list .slick-list{overflow: visible;}
.index-screen-03 .api-list .api-item{display: flex;flex-direction: column;align-items: center;position: relative;opacity: 0 !important;}
.index-screen-03 .api-list .api-item.swiper-slide-active{opacity: 1 !important;}
.index-screen-03 .api-list .api-item h2{margin-top:1rem;margin-bottom: 2.1875rem;white-space: nowrap;font-weight: bold;}
.index-screen-03 .api-list .api-item>img{width: 3.5rem;height: 3.5rem;}
.index-screen-03 .api-list .api-item .api-box{width: 20.5rem;height: 9rem;display: grid;grid-template-columns: repeat(auto-fill, minmax(5.125rem, 1fr));justify-items: center;align-content: space-between;margin-bottom: 3rem;}
.index-screen-03 .api-list .api-item .api-box .logo-bg{width: 4rem;height: 4rem;border-radius: 4rem;background-color: #fff;box-shadow: 0 0 0.625rem rgb(0 0 0 / 10%);display: flex;align-items: center;justify-content: center;}
.index-screen-03 .api-list .api-item .api-box .logo-bg img{width: 3rem;}
.index-screen-03 .api-list .api-item .start_btn{display: inline-block;font-size: 1.125rem;min-width: 10.5rem;height: 2.625rem;text-align: center;line-height: 2.625rem;color: #fff;background-color: var(--secondary-color);border-radius: 2.625rem;padding: 0 0.9375rem;transition: .3s;font-weight: bold;}
.index-screen-03 .api-list .api-item .start_btn:hover{opacity: .9;}
.index-screen-03 .api-list .api-item .float-img01{position: absolute;top: -18.75rem;right: -9.375rem;animation:little_pic2 3s infinite linear;}
.index-screen-03 .api-list .api-item .float-img02{position: absolute;bottom: -12.5rem;left: -9.375rem;animation:little_pic3 3s infinite linear;}
.index-screen-03 .img-list{width: 84.875rem;height: 62.5rem;display: inline-block;position: absolute;right: -11.25rem;overflow: visible;}
.index-screen-03 .img-list .slick-list{right: -12.5rem;overflow: visible;}
.index-screen-03 .img-list .img-item{position: relative;opacity: 0;transform: scale(0.78);}
.index-screen-03 .img-list .img-item.swiper-slide-active,
.index-screen-03 .img-list .img-item.swiper-slide-next{opacity: 1;}
.index-screen-03 .img-list .img-item .img-bg{height: 55rem;transition: .3s;}
.index-screen-03 .img-list .img-item.swiper-slide-active .img-bg{opacity: 0;}
.index-screen-03 .img-list .img-item.swiper-slide-next ~ .img-item{opacity: 0.6;}
.index-screen-03 .img-list .img-item.swiper-slide-active{transform: scale(1);padding-right: 3.4375rem;z-index: 3;}
.index-screen-03 .img-list .img-item.swiper-slide-next{transform: scale(0.85)}
.index-screen-03 .img-list .img-item .img-bg-active{position: absolute;opacity: 0;top: 3.9375rem;left: 2.5rem;width: 38.75rem;height: 47.5rem;}
.index-screen-03 .img-list .img-item .img-main{position: absolute;top: 0 ;left: -6.875rem;opacity: 0;transition: .5s;transform: scale(0.8);width: 57.5rem;height: 55rem;}
.index-screen-03 .img-list .img-item.swiper-slide-active .img-main,
.index-screen-03 .img-list .img-item.swiper-slide-active .img-bg-active{opacity: 1;transform: scale(1)}
.index-screen-03 .swiper-button-next{right: 9.375rem !important;top: 85% !important;height: 2.75rem !important;display: flex !important;align-content: center;width: auto !important;}
.index-screen-03 .swiper-button-next span{display: inline-block;width: 7.5rem;color: var(--primary-color);font-size: 1.5rem !important;line-height: 2.75rem;border-bottom: 0.0625rem solid var(--primary-color);text-align: right;margin-right: 1rem;font-weight: bold;}
.index-screen-03 .swiper-button-next img{transform: rotate(0);transition: .8s;width: 2.75rem;height: 2.75rem;}
.index-screen-03 .swiper-button-next:after{content: '';display: none;}
.index-screen-03 .swiper-button-next:hover img{transform: rotate(180deg)}

/*index-screen-04*/
.index-screen-04 .container{display: flex;flex-direction: column;align-items: center;width: 86.75rem !important;}
.index-screen-04 .title{ width: 100%;height: 10.875rem;background-repeat: no-repeat;background-position:center;background-size: contain; }
.index-screen-04 .content{width: 100%;height: 41.75rem;background-repeat: no-repeat;background-position: center;margin-top: -3.5625rem;position: relative;background-size: contain;}
.index-screen-04 .content .text-sports{position: absolute;top: 0;left: 6.25rem;width: 2.625rem;height: 9.875rem;background-size: contain;}
.index-screen-04 .content .promo-content{width: 100%;height: 100%;display: grid;align-items: flex-end;padding-bottom: 3rem;grid-template-columns: repeat(auto-fill,minmax(26.25rem,26.25rem));justify-items: center;justify-content: space-between;}
.index-screen-04 .content .promo-content .promo-item{transition: .3s;width: 26.25rem;height: 16.25rem;position: relative;}
.index-screen-04 .content .promo-content .promo-item img{width: 100%;height: 100%;object-fit: cover;}
.index-screen-04 .content .promo-content .promo-item:nth-child(2){margin-bottom: 1.875rem;}
.index-screen-04 .content .promo-content .promo-item:hover{transform: translateY(-0.625rem);}
.index-screen-04 .content .promo-content .promo-item a{position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.index-screen-04 .content .promo-content .promo-detail{display: none;}

@media (max-width:1680px){
	html{font-size: 14px;}
}
@media (max-width:1497px){
	html{font-size: 12px;}
	footer .footer-top .item ul li a{width: auto !important;}
	.main-casino .container{max-width: 105rem !important}
}
@media (max-width:1310px){
	html{font-size: 11px;}
	.main-casino .container{max-width: 105rem !important}
}