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

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

/*==================== common 公共 ====================*/
body{font-family: 'Microsoft YaHei',"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;background:#fff; }
ul,ol{list-style:none;}
main{padding-top: 96px}
.banner .page-banner{height: 407px;background-position: top center;background-repeat: no-repeat;background-size: cover;}

/*header*/
header{height: auto;width: 100%;overflow: visible;}
header .navbar .logo img{max-width: 192px;}
header .navbar .logo{display: none;height: 96px;align-items: center;/*transform: translateX(-50%);*/}
header .navbar{display: flex;overflow: visible;height: 96px;align-items: center;flex: 0.9;}
header .container{display: flex;flex-direction: row;align-items: center;width: 100% !important;max-width: 1200px;min-width: 1200px;position: relative;justify-content: space-between;}
header .container:before{display: none;}
header .container:after{display: none;}
header .container .left-logo img{max-width: 192px;}
header .container .left-logo{display: flex;height: 96px;align-items: center;}
header .navbar-collapse{overflow: visible;width: 100%;}
header .nav9.navbar-sub{left: 0;top: 96px;}
header .header-top{position: fixed;height: 96px;width: 100%;z-index: 998;background-repeat:no-repeat;background-position: center;background-size: 100% 100%;background-color: #272727;}
header .header-top .navbar ul{display: flex;width: 100%;justify-content: space-around;align-items: center;}
header .header-top .navbar ul li{display: flex;margin: 0 0.2vw;align-items: center;position: relative;}
header .header-top .navbar ul li:hover:after{content: "";display: inline-block;	height: 4px;background: #fecc01;position: absolute;	bottom: 0;left: 0;right: 0;}
header .header-top .navbar ul li i{width: 8px;height: 8px;margin-left: 4px;background-repeat: no-repeat;background-position: center;background-size: cover;transition: all .3s;}
header .navbar .nav-item:hover a{color: #fecc01;}
header .navbar .nav-item .hot-icon{display: inline-block;position: absolute;top: 12px;right: 2px;width: 34px;height: 26px;}
/*header .navbar .nav-item.active a{color: #fff975;}*/
header .navbar .nav-item:hover .li-icon,header .navbar .nav-item.active .li-icon{}
/*header .navbar .nav-item.active:before{content: '';position: absolute;display: inline-block;width: 100%;height: 5px;background: linear-gradient(180deg,#ffe7c9 8%,#c2a182);top: 60px;}*/
header .navbar .nav-item a{color:#fff;margin: 0 auto;padding: 0px;font-size: 16px;line-height: 90px;}
header .header-top .navbar ul li.pz img{position: absolute;right: 0;top: 50px;display: none;}
header .header-top .navbar ul li.pz:hover img{display: block;}
header .rightControl{display: flex;}
header .btn-group{display: flex;margin-right: 15px;}
header .saving{display: flex;flex-direction: column;text-align: center;color: #ffffff;}
header .saving:before{background-size: 100% 100%;content: "";width: 35px;height: 35px;}
header .deposit{display: flex;flex-direction: column;text-align: center;color: #ffffff;}
header .deposit:before{background-size: 100% 100%;content: "";width: 35px;height: 35px;}
header .custom{display: flex;flex-direction: column;text-align: center;color: #ffffff;}
header .custom:before{background-size: 100% 100%;content: "";width: 35px;height: 35px;}
header .login{}
header .user-group{display: flex;align-items: center;}
header .user-icon{width: 50px;height: 50px;margin-right: 8px;}
header .user-info{align-content: center;color:#ffffff;}
header .user-info a{color:#ffffff;}
header .user-info .login:hover{color: #fecc01;}
header .user-info .register:hover{color: #fecc01;}
header .login .form-group{position: relative;}
header .login .form-group .form-btn{display: inline-block;width: 72px;height: 36px;border-radius: 6px;background:linear-gradient(0deg,#dbe7f9,#f0f6ff 57%,#fff);border: 1px solid #b6c4d9;box-shadow: 0 1px 0 0 hsl(0deg 0% 100% / 50%), inset 0 -5px 5px 0 hsl(0deg 0% 100% / 80%), inset 0 5px 5px 3px hsl(0deg 0% 100% / 90%);text-align: center;line-height: 36px;color: #3f5075;}
/*header .login .form-group .login-btn{opacity: .5;}*/
header .login .form-group .forget-btn{position: absolute;right: 4px;color: #374e69;font-size: 12px;line-height: 36px;}
header .form-inline .form-control{width: 95px;height: 36px;border-radius: 6px;background:#f0f2f5;border: 1px solid #fff;padding: 0 42px 0 9px;box-shadow:  inset 0 2px 4px 0 #b8c3d6}
header .form-inline .form-control::placeholder{font-size: 12px;}
header .form-inline .form-control:focus{border-color: #c4a27b;}
header .form-inline .form-control:focus+.forget-btn{color:#c4a27b; }
.header-panel ul,.header-panel ul li a{color:#818c9f !important; }
header .header-bottom{background:linear-gradient(0deg,#dbe7f9,#f0f6ff 57%,#fff);position: relative;top: 96px; }
header .header-bottom .header-panel ul{height: 50px;display: flex;align-items: center;}

/*輪播圖*/
.slide{height: 450px ;}
.slide .slide-inner li{height: 450px ;}
.slide .slide-inner li a{height: 450px ;}
.slide .slide-indicators ul li{height: 16px;width: 16px;border-radius: 50%;background: #8297b7}
.slide .slide-indicators ul li.active{background-size: 170%;background-position: 50%}

/* notice */

/*live*/
.live_style{min-height: 990px;background-repeat: no-repeat;background-position: center top;overflow: hidden;width: 100%;background-size: cover;}
.live_style .plate_one .plate_one_subset .api_images{height: 588px;position: relative;}
.live_style .plate_one .plate_one_subset .api_images > *.Match{animation: live_an_c 3000ms forwards;}
/*.live_style .plate_one .plate_one_subset .api_images .img_01{width: 90%;}*/
.live_style .plate_one .plate_one_subset .api_images .img_02{left: 0;top: 70px;position: absolute;}
.live_style .plate_one .plate_one_subset .api_images .img_03{left: 546px;top: 290px;position: absolute;}
.live_style .plate_one .plate_one_subset .api_text{width: 500px;height: auto;}
.live_style .plate_one .plate_one_subset .api_text .live_title{margin-top: 130px;color: #9d9d9d;font-family: Sans-Serif;font-size: 72px;font-weight: bold;}
.live_style .plate_one .plate_one_subset .api_text .img_01{width: 90%;}
.live_style .plate_one .plate_one_subset .api_text .live_text{font-style: normal;line-height: 30px;font-size: 20px;color: #333;margin-top: 28px;display: block;}
.live_style .plate_one .plate_one_subset .api_text .icon_list{margin: 20px 0;width: 432px;text-align: center;display: flex;justify-content: space-evenly;background-size: 100%;height: 50px;}
.live_style .plate_one .plate_one_subset .api_text .icon_list ._vr_mt_check{margin-bottom: 50px;display: block;position: relative;display: inline-block;}
.live_style .plate_one .plate_one_subset .api_text .icon_list ._vr_mt_check span{width: 50px;height: 50px;display: block;margin: 0 auto;background: no-repeat center;line-height: 50px;color: rgba(23,39,67,0.6);border: 1px solid rgba(23,39,67,0.6);border-radius: 50%;font-size: 30px;}
.live_style .plate_one .plate_one_subset .api_text .icon_list ._vr_mt_check .icon_text{display: block;width: 100%;margin-top: 10px;line-height: 1em;font-size: 14px;color: #333;font-style: normal;text-align: center;position: absolute;width: 80px;left: 50%;transform: translateX(-50%);}
.live_style .game_marker:after {content: '';position: absolute;top: -25px;right: -32px;}
.live_style.live .plate_nav .nav_icon a .gui{font-size: 22px;}
.live_style.live .public_style{height: 825px;width: 100%;padding-top: 40px;background-size: 100% 100%;}
.live_style.live .public_style .plate_one .plate_one_subset .api_text .img_01{width: 100%;}
.live_style.live .public_style .plate_one .plate_one_subset .api_text .icon_list{width: 80%;height: 50px;background-size: 100%;margin: 20px 0;}
.live_style.live .public_style .plate_one .plate_one_subset .api_images .img_01{height: 621px;}

.public_style{width: 100%;position: relative;}
.public_style .plate_one{width: 100%;height: 100%;position: absolute;display: flex;}
.public_style .plate_one .plate_one_subset{width: 100%;height: 100%;background: no-repeat center;display: none;}
.public_style .plate_one .plate_one_subset.active{display: block;}
.public_style .plate_one .plate_one_subset .container{display: flex;padding-top: 40px;}
.public_style .plate_one .plate_one_subset .api_images{display: flex;justify-content: center;width: 636px;margin-right: 20px;}
.public_style .plate_one .plate_one_subset .api_images:hover .img_02,
.public_style .plate_one .plate_one_subset .api_images:hover .img_03{filter: none}
.public_style .plate_one .plate_one_subset .api_images img{position: relative;}
.public_style .plate_one .plate_one_subset .api_images .img_02{width: 80px;filter: grayscale(1);animation: casino_pic2 3s infinite linear}
.public_style .plate_one .plate_one_subset .api_images .img_03{width: 112px;filter: grayscale(1);animation: casino_pic3 3s infinite linear}
.public_style .plate_one .plate_one_subset .api_text{display: flex;flex-direction: column;position: relative;z-index: 5;}
.public_style .plate_one .plate_one_subset .api_text .descs{width: 486px;color: #fff;font-size: 18px;margin-top: 25px;}
.public_style .plate_one .plate_one_subset .api_text .btn_start{margin-top: 20px;width: 195px;height: 70px;cursor: pointer;}

.public_style{position: relative;}
.public_style .plate_nav{width: 100%;display: flex;padding: 0 266px;position: absolute;z-index: 10;bottom: 185px;}
.public_style .plate_nav .nav_icon{display: flex;flex-wrap: wrap;}
.public_style .plate_nav .nav_icon a{display: flex;justify-content: center;align-items: center;border-radius:8px;font-size: 16px;transition:all 0.3s ease 0s;width: 70px;height: 70px;position: relative;margin-right: 44px;margin-bottom: 44px;}
.public_style .plate_nav .nav_icon a .color-logo{display:block;width: 45px;height: 45px;}
.public_style .plate_nav .nav_icon a .gui{display:none;color: black;font-size: 30px;}
.public_style .plate_nav .nav_icon a .api-name{width: 102px;color:#fff;position: absolute;bottom: -30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;}
.public_style .plate_nav .nav_icon a.active .color-logo, .public_style .plate_nav .nav_icon a:hover .color-logo{display: none;}
.public_style .plate_nav .nav_icon a.active .gui, .public_style .plate_nav .nav_icon a:hover .gui{display: block;}


/*.public_style .plate_nav .nav_icon{margin-top: 10px; font-size: 0;}*/
/*.public_style .plate_nav a{width: 155px;height:50px;line-height: 50px;margin-right: 10px;margin-bottom: 10px;display: inline-block;border: none;border-radius: 6px;text-align: center;background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e8e8e8));background-image: -webkit-linear-gradient(top,#fff,#e8e8e8);background-image: linear-gradient(180deg,#fff,#e8e8e8);}*/
/*.my-live .public_style .plate_nav a{width: 120px;height:42px;line-height: 42px;}*/
/*.public_style .plate_nav a.active,*/
/*.public_style .plate_nav a:hover{background-image: -webkit-gradient(linear,left top,left bottom,from(#42d2e8),to(#3a97e5));background-image: -webkit-linear-gradient(top,#42d2e8,#3a97e5);background-image: linear-gradient(180deg,#42d2e8,#3a97e5);color: #fff;-webkit-box-shadow: 0 10px 20px 6px rgba(0,180,255,.3);box-shadow: 0 10px 20px 6px rgba(0,180,255,.3);}*/
/*.public_style .plate_nav a .center{width: auto;height: 60px;float: left;position: relative;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);}*/
/*.public_style .plate_nav a .center .plate_nav_text{line-height: 60px;font-size: 18px;color: #666;font-style: normal;display: block;float: left;transition: all .3s;}*/
/*.my-live .public_style .plate_nav a .center .plate_nav_text{font-size: 16px;}*/
/*.public_style .plate_nav a.active .center .plate_nav_text,*/
/*.public_style .plate_nav a:hover .center .plate_nav_text{color: #fff;}*/
@keyframes live_an_a{
	from{opacity: 0;-webkit-transform: translate3d(-100%,0,0);transform: translate3d(-100%,0,0);}
	to{opacity: 1;-webkit-transform: translateZ(0);transform: translateZ(0);}
}
@keyframes live_an_b{
	from{opacity: 0;-webkit-transform: translate3d(100%,0,0);transform: translate3d(100%,0,0);}
	to{opacity: 1;-webkit-transform: translateZ(0);transform: translateZ(0);}
}
@keyframes live_an_c{
	0%{-webkit-transform: scale(2.8);transform: scale(2.8);opacity: 0;}
	40%{-webkit-transform: scale(1.8);transform: scale(1.8);opacity: .4;}
	80%{-webkit-transform: scale(1);transform: scale(1);opacity: .8;}
	85%{-webkit-transform: scale(1.07);transform: scale(1.07);opacity: .85;}
	90%{-webkit-transform: scale(1);transform: scale(1);opacity: .9;}
	95%{-webkit-transform: scale(1.02);transform: scale(1.02);opacity: .95;}
	100%{-webkit-transform: scale(1);transform: scale(1);opacity: 1;}
}

/*casino*/
.main-casino{padding-top: 96px;background-color: #f3f7fa;background-position: center top;background-size: 100%;padding-bottom: 83px;}
.main-casino .casino-banner{width: 100%;height: 570px;position: relative;background-size: 100% 100%;}
#casino_style .casino_pic_box {width: 28%;height: 120px;position: absolute;display: flex;justify-content: center;align-items: center;bottom: 10%;left: 50%;transform: translateX(-53%);}

/*#casino_style .casino_pic_box>div{height: 109px;margin-top: 30px;display: flex;width: 854px;align-items: center;justify-content: center;}*/
/*#casino_style .casino_pic_box>div>img{width: 135px;height: auto;}*/
#casino_style .casino_pic_box .jackpot_casino {width: 100%;height: 100%;display: flex;}
#casino_style .jackpot_casino li{text-align: center;width: 42px;height: 76px;margin:0 3px;background: #383631;border: 1px solid #fdf0a0;border-radius: 4px;}
#casino_style .jackpot_casino li div{width: 42px;height: 76px;background-size: 100% 840px;transition: all .3s;overflow: hidden;}
#casino_style .jackpot_casino li.digital_00 div{background-position-y: 84px;}
#casino_style .jackpot_casino li.digital_01 div{background-position-y: 168px;}
#casino_style .jackpot_casino li.digital_02 div{background-position-y: 252px;}
#casino_style .jackpot_casino li.digital_03 div{background-position-y: 336px;}
#casino_style .jackpot_casino li.digital_04 div{background-position-y: 420px;}
#casino_style .jackpot_casino li.digital_05 div{background-position-y: 504px;}
#casino_style .jackpot_casino li.digital_06 div{background-position-y: 588px;}
#casino_style .jackpot_casino li.digital_07 div{background-position-y: 672px;}
#casino_style .jackpot_casino li.digital_08 div{background-position-y: 756px;}
#casino_style .jackpot_casino li.digital_09 div{background-position-y: 840px;}
#casino_style .jackpot_casino .cky_0a,#casino_style .jackpot_casino .cky_0b{width: 20px;height: 76px;background-position: center;background-repeat: no-repeat;background-size: cover;}
@keyframes casino_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 casino_pic2{
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	50% {
		-webkit-transform: translateY(30px);
		transform: translateY(30px);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
/*sports*/
.main-sports{padding-top: 136px;background:#f4f6f9; }
.main-sports .api-tabs{background:#D5E1F6 !important;border: 1px solid #979fad !important; }
.main-sports .api-tabs>li.active{background: #E6D6C4 !important;border: 1px solid #a2917e !important;}
.main-sports .api-tabs>li.active a,main-sports .api-tabs>li>a:hover{color: rgb(127, 98, 69) !important;}
.main-sports .api-tabs>li>a:link, .api-tabs>li>a:visited, .api-tabs>.disabled:hover>a{color:rgb(126, 146, 189) !important;}
.sports .public_style{height: 825px;width: 100%;background-size: 100% 100%;}
.sports .public_style .plate_one .plate_one_subset .api_text .img_01{width: 100%;}
.sports .public_style .plate_one .plate_one_subset .api_text .icon_list{width: 80%;height: 50px;background-size: 100%;margin: 20px 0;}
.sports .public_style .plate_one .plate_one_subset .api_images .img_01{height: 621px;}


/*======== register 注册================*/
.register .about-item-left .title{width: 154px; height: 20px; background-repeat: no-repeat; margin-bottom: 10px;}
.register .about-item-left ul{width: 192px;background: #fff;box-shadow:0 5px 12px -2px #d2dae9;border-radius: 8px;display: flex;flex-direction: column; }
.register .about-item-left ul li{width: 100%;display: flex;height: 60px;align-items: center;justify-content: center;}
.register .about-item-left ul li a{color: #3f5075;}
.register .about-item-left ul li.active,
.register .about-item-left ul li:hover{background:linear-gradient(270deg,rgba(243,221,197,0.2),#f3ddc5); }
.register .about-item-left ul li.active a,
.register .about-item-left ul li:hover a{color:#c4a27b; }
.register .about-item-left{padding-top: 80px;padding-left: 15px !important; display: flex; flex-direction: column; align-items: center;}
.main-register{background-repeat: no-repeat;background-position: center top;background-attachment: fixed;}
.main-register h2{text-align: center;font-size: 24px;font-weight: bold;margin-top: 48px;margin-bottom: 40px;}
.main-register .form-control{border-radius: 8px !important;height: 48px;line-height: 48px;border: 2px 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: 14px;font-size: 16px;}
.main-register .btn-registerBtn{display: block;min-width: 240px;width: auto;height: 48px;color: #fff;background:#14805d;border-radius: 24px;text-align: center;margin-top: 30px;transition: .3s;font-weight: bold;font-size: 18px;opacity: 1; }
.main-register .btn-registerBtn:hover{opacity: .7;}
.main-register .input-group{display: block !important;}
.phone-area-code{flex-wrap: wrap;}
.main-register .phone-area-code input.form-control{width: 100%;margin-top: 5px;}
.main-register ._vr_captcha_code{border-radius: 8px;}
.text-danger{color: #ff0000 !important;}
.form-control:focus{box-shadow: none !important;border-color: #FF0000;}
.progress {background: none;margin-bottom: 10px;box-shadow: none !important;}
.progress .progress-bar {width: 100% !important;display: flex;gap: 8px;background: transparent !important;box-shadow: none !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;}

/*about*/
.about-main{padding-top: 136px;background-color: #f3f7fa;background-repeat: no-repeat;background-position: center top;background-size: 100%;}
.about-main .about-item-left ul{width: 192px;background: #fff;box-shadow:0 5px 12px -2px #d2dae9;border-radius: 8px;display: flex;flex-direction: column; }
.about-main .about-item-left ul li{width: 100%;display: flex;height: 60px;align-items: center;justify-content: center;}
.about-main .about-item-left ul li a{color: #3f5075;}
.about-main .about-item-left ul li.active,
.about-main .about-item-left ul li:hover{background:linear-gradient(270deg,rgba(243,221,197,0.2),#f3ddc5); }
.about-main .about-item-left ul li.active a,
.about-main .about-item-left ul li:hover a{color:#c4a27b; }
.about-main .about-item-left{padding-top: 80px;padding-left: 15px !important;}

/*==================== agent 代理 ====================*/
.main-agent{padding-top: 96px;background-color: #f3f7fa;background-repeat: no-repeat;background-position: center top;background-size: 100%; }
.header-agent .navbar ul{justify-content: normal;}
.header-agent .navbar li:hover a{color: #fff975;}
.header-agent .navbar li.active a{color: #fff975;}
/*.header-agent .navbar li.active:before{content: '';position: absolute;display: inline-block;width: 100%;height: 5px;background: linear-gradient(180deg,#ffe7c9 8%,#c2a182);top: 60px;}*/
.header-agent .navbar li a{color:#fff;margin: 0 auto;padding: 0px;font-size: 12px;}
.header-agent .header-top .container .logo{width: 480px;}
.header-agent .header-top .container .logo img{max-width: 192px;}
.agent-content{color: #fff;}
/*==================== lottery 彩票游戏 ====================*/
/*.main-lotterey .public_style .plate_one .plate_one_subset .api_images{width: 700px;height: 693px;}*/
.main-lotterey .public_style .plate_one .plate_one_subset .api_images .img_01{height: 581px;}

/*公共彩票樣式*/
.main-lottery{padding-top: 96px;background-color: #8692A6;background-position: center top;background-size: 100%;}
.main-lottery .lottery-banner{width: 100%;height:570px;position: relative;background-size: 100% 100%;}
.main-lottery .lottery{padding-top: 50px;}
.lottery .carousel-inner .api-tabs{border: 1px solid #333;border-radius: 0;}
.lottery .carousel-inner .api-tabs li{border: none;}
.lottery .carousel-inner .api-tabs li + li{border-left: 1px solid #262626;}
.lottery .carousel-inner .api-tabs li:not(:last-child){border-right: 1px solid #090909;}
.lottery .game-list{padding-top: 20px;border-top: none;}
.lottery .game-list .nav-lottery-tabs li{background-color: #161616;border-color: #333333;}
.lottery .game-list .nav-lottery-tabs li.active{background-color: #282828;}
.lottery .game-list .nav-lottery-tabs li + li{border-top: none;}
.lottery .game-list .nav-lottery-tabs li a{color: white;}
.lottery .game-list .nav-lottery-tabs li.active a{color: #ffd051;}
.lottery .api-tabs>li>a{color: #b6c4d9;}
.lottery .api-tabs>li:hover >a,
.lottery .api-tabs>li.active>a{color: #ffd051;}
.lottery .game-list .col-5-4{padding-right: 0;}
.lottery .game-list .game-item{width: 100%;height: auto;border-radius: 10px;background-color: #282828;border: 1px solid #333;margin-bottom: 20px;float: left;transition: all 300ms;}
.lottery .game-list .game-item:hover{background-color: #363636;}
.lottery .game-list .game-item .item{display: block;width: 90%;margin: 5%;padding: 6px;background-color: #111111;}
.lottery .game-list .game-item .item .game-img{width: 100%;height: 100%;position: relative;text-align: justify;line-height: normal;margin-top: 0;}
.lottery .game-list .game-item .item .game-img img{width: 90%;position: relative;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%) rotateZ(0deg);transition: all 300ms;}
.lottery .game-list .game-item:hover .item .game-img img{width: 80%;transform: translateX(-50%) translateY(-50%) rotateZ(45deg);}
.lottery .game-list .game-item .item .game-img .cover{display: block;border-radius: 8px;opacity: 0;transition: all 300ms;}
.lottery .game-list .game-item:hover .item .game-img .cover{opacity: 1;}
.lottery .game-list .game-item .item .game-img .cover .cover-bg{width: 100%;height: 100%;background-image: linear-gradient(to bottom,#363636,#282828);position: absolute;opacity: .6;}
.lottery .game-list .game-item .item .game-img .cover .cover-name{height: 18%;margin: 41% auto;border-radius: 15px;border-style: none;background-color: #ffcf1b;}
.lottery .game-list .game-item .title{width: 100%;height: auto;padding: 0;}
.lottery .game-list .game-item .title a{display: block;width: 100%;height: auto;text-align: center;line-height: 60px;top: auto;margin: auto;color: white !important;background-color: initial;background-image: none;box-shadow: none;transition: all 300ms;}
.lottery .game-list .game-item:hover .title a{color: #ffcf1b !important;background-color: transparent;}


/*chess*/
.main-chess{padding-top: 96px;background-color: #f3f7fa;background-position: center top;background-size: 100%;padding-bottom: 83px;}
.main-chess .chess-banner{width: 100%;height:570px;position: relative;background-size: 100% 100%;}
.main-chess .public_style .plate_one .plate_one_subset .api_images{width: 862px !important;height: 700px !important;}
#casino_style .main-casino.main-chess .casino .container {margin: 20px auto;}

/*電競*/
.main-esports{padding-top: 96px;}
/*捕魚*/
.main-fish{padding-top: 96px;}

/*footer*/
footer{background: #000;padding-top: 20px;}
footer .footer-top{height: 55px;background: #000;display: flex;align-items: center;justify-content: center;margin-bottom: 50px;}
footer .footer-top:before{position: absolute;content: "";width: 1200px;border: 1px solid #6a6a6a;margin-top: 80px;}
footer .footer-top .footerImg1{display: flex;width: 70px;height: 55px;margin-right: 36px;background-repeat: no-repeat;background-size: inherit;background-position: 50%;}
footer .footer-top .footerImg2{display: flex;width: 70px;height: 55px;margin-right: 36px;background-repeat: no-repeat;background-size: inherit;background-position: 50%;}
footer .footer-top .footerImg3{display: flex;width: 70px;height: 55px;margin-right: 36px;background-repeat: no-repeat;background-size: inherit;background-position: 50%;}
footer .footer-top .footerImg4{display: flex;width: 70px;height: 55px;margin-right: 36px;background-repeat: no-repeat;background-size: inherit;background-position: 50%;}
footer .footer-top .footerImg5{display: flex;width: 70px;height: 55px;margin-right: 36px;background-repeat: no-repeat;background-size: inherit;background-position: 50%;}
footer .footer-top .footerImg6{display: flex;width: 70px;height: 55px;margin-right: 36px;background-repeat: no-repeat;background-size: inherit;background-position: 50%;}
footer .footer-top .footerImg7{display: flex;width: 70px;height: 55px;margin-right: 36px;background-repeat: no-repeat;background-size: inherit;background-position: 50%;}
footer .footer-top .footerImg8{display: flex;width: 70px;height: 55px;margin-right: 36px;background-repeat: no-repeat;background-size: inherit;background-position: 50%;}
footer .footer-top .footerImg9{display: flex;width: 70px;height: 55px;margin-right: 36px;background-repeat: no-repeat;background-size: inherit;background-position: 50%;}
footer .footer-top .footerImg10{display: flex;width: 70px;height: 55px;margin-right: 36px;background-repeat: no-repeat;background-size: inherit;background-position: 50%;}
footer .footer-top .footerImg11{display: flex;width: 70px;height: 55px;margin-right: 36px;background-repeat: no-repeat;background-size: inherit;background-position: 50%;}
footer .footer-top .footerImg12{display: flex;width: 70px;height: 55px;margin-right: 36px;background-repeat: no-repeat;background-size: inherit;background-position: 50%;}
footer .footer-text{color: #5a5a5a;text-align: center;font-size: 12px;}
footer .footer-case{height: 80px;display: flex;justify-content: center;align-items: center;}
footer .footer-case .i1{height: 45px;width: 180px;margin: 5px 10px;background-size: 100% 100%;}
footer .footer-case .i2{height: 45px;width: 180px;margin: 5px 10px;background-size: 100% 100%;}
footer .footer-case .i3{height: 45px;width: 180px;margin: 5px 10px;background-size: 100% 100%;}
footer .footer-middle{height: 250px;display: flex}
footer .footer-middle .container{display: flex;flex-direction: column;justify-content: space-between;align-items: center;}
footer .footer-middle .sport-partner{height: 89px;display: flex;justify-content: space-evenly;align-items: center;}
footer .footer-middle .sport-partner div{height:42px;padding-left: 48px;display: flex;align-items: center;background-size: auto 42px;background-repeat: no-repeat;background-position: left center; }
footer .footer-middle .sport-partner .part1{margin-right: 30px;}
footer .footer-middle .sport-partner .part2{background-size: auto 42px;}
footer .footer-middle .sport-partner div span{color: #ababac;transition: .3s;font-size: 16px;}
footer .footer-middle .sport-partner div:hover span{color: #fff}

footer .footer-about{display: flex;justify-content: center;flex-direction: column;align-items: center;}
footer .footer-about li:after{content: '|';color: #d7d7d7;margin-left: 7px;}
footer .footer-about li:last-child:after{content: ''}
footer .footer-about a{color: #fecc01;font-size: 16px;}
footer .footer-middle .pag{display: flex;justify-content: space-evenly;}
footer .footer-middle .pag div{display: flex;flex-direction: column}
footer .footer-middle .pag span{color:#ababac;font-size: 12px;transition: .3s;}
footer .footer-middle .pag div:hover span{color: #fff;}
footer .footer-middle .pag div{position: relative;}
footer .footer-middle .pag .item01:before,
footer .footer-middle .pag .item02:before,
footer .footer-middle .pag .item03:before{content: '';display: inline-block;position: absolute;width: 1px;height: 30px;background:#7e8795;right: 40px; }
footer .footer-middle .content{display: flex;text-align: center}
footer .footer-middle .content p{color: #d7d7d7;}
footer .footer-copyright{height: 66px;text-align: center }
footer .footer-copyright p{color: #fff;line-height: 66px;}

/*==================== promo 优惠 ====================*/
.page-promo{background-color: #F0F6FF;}
#promo-style{background-color: transparent;display: flex;}
.main-promo .promo-top-bar{padding-right: 0 !important;background: none !important;border: none !important;position: relative;background-color: #fff;border-radius: 10px;box-shadow: 0 5px 12px -2px #d2dae9;height: 800px;}
.main-promo .promo-top-bar h2.title{color: #3f5075;width: 152px;height: 60px;background-size: contain;font-size: 16px;line-height: 32px;position: absolute;top: 0;margin: 0;border-bottom: 1px solid rgba(182,197,225,0.3);left: 50%;transform: translateX(-50%);line-height: 60px;}
.main-promo .promo-top-bar h2.title:before{content: '';background-color: #c4a27b;border-radius: 0 1.5px 1.5px 0;width: 3px;height: 20px;position: absolute;left: -23px;top: 21px;}
.main-promo .promo-top-bar > ul{display: flex;flex-direction: column;width: 198px;height: auto !important;background-color: #fff;border-radius: 10px;overflow: hidden;margin-top: 50px !important;padding: 20px 0 !important;}
.main-promo .promo-top-bar > ul li{height: 60px !important;margin-bottom: 0 !important;position: relative;}
.main-promo .promo-top-bar > ul li:before{content: '';display: inline-block;width: 30px;height:30px;background-position: center;position: absolute;left: 30px;background-size: cover;top: 50%;transform: translateY(-50%);}
.main-promo.theme-white .promo-top-bar > ul li.active{background: linear-gradient(270deg,rgba(243,221,197,0.2) 0%,#f3ddc5 100%) !important;}
.main-promo.theme-white .promo-top-bar > ul li:hover{background: linear-gradient(270deg,rgba(243,221,197,0.2) 0%,#f3ddc5 100%) !important;}
.main-promo.theme-white .promo-top-bar > ul li a{display: flex;width: 100%;height: 100%;align-items: center;transition: .3s;white-space: nowrap;overflow: hidden;padding-left: 60px;color: rgba(0, 0, 0, 0.65) !important;}
.main-promo.theme-white .promo-top-bar > ul li:hover a{color: #c4a27b !important;}
.main-promo .promo-top-bar .search-bar{display: none;}
.main-promo .promo-top-bar > ul li.active:after{display: none !important;}
.main-promo .promo-content{padding-left: 20px;flex: 1;}
.main-promo .list-type2 .list_type2_item_tit{display: none !important;}
.main-promo .list-type2 .promo-item{border-radius: 10px;overflow: hidden;transform: scale(1);transition: .3s;box-shadow: 0 2px 14px rgba(150,151,180,.5), inset 6px 6px 10px rgba(255,255,255,.15);}
/*.main-promo .list-type2 .promo-item:hover{transform: scale(1.03)}*/
.main-promo .list-type2 .promo-item .home_pic{border-radius: 10px;}

/*notice*/
.notice{width: 100%;height: 60px;line-height: 60px;display: flex;}
.notice .container{position: relative;overflow: visible;display: flex;justify-content: space-between;align-items: center;background: center no-repeat;background-size: contain;}
.notice .notice-news{width: 1040px;height: 60px;line-height: 60px;display: flex;}
.notice .notice-icon{width: 30px;height: 30px;background-size: contain;}
.notice .notice-list{width: 1040px;height: 60px;overflow: hidden;display: inline-block;}
.notice .notice-list li a{color:#ffffff; }
.notice .icon-chat{display: flex;width: 36px;height: 36px;margin-left: 20px;position: relative;align-items: center;justify-content: space-evenly;}
.notice .icon-chat:before{content: '';display: flex;width:30px;height: 31px;background-repeat: no-repeat;background-position: center;background-size: cover; }
.notice .icon-chat:hover{color: #c4a27b;}
.notice .icon-more{width: 80px;	height: 30px;line-height: 30px;	margin: 5px;text-align: center;	color: #fff;border-radius: 15px;background: background linear-gradient(1turn,#f78346,#fff1d3 3%,#fecc01 23%,#ff914d 70%,#fff8dd 98%,#efe8d5);}

/*index-screen-01*/
.index-screen-01{width: 100%;background-repeat: no-repeat;background-size: cover;display: flex;flex-direction: column;}
.index-screen-01 .part_1 ul{display: flex;padding: 0;justify-content: space-between;margin: 40px auto;}
.index-screen-01 .part_1 ul li{width: 380px;height: 200px;background-repeat: no-repeat;background-position: center;background-size: contain;padding: 50px 0 0 0;}
.index-screen-01 .part_1 ul li .content{width: 140px;float: right;display: flex;flex-direction: column;align-items: center;}
.index-screen-01 .part_1 ul li .content h4{font-size: 20px;font-weight: bold;color: #564f48;margin: 0 0 5px 0;}
.index-screen-01 .part_1 ul li .content span{font-size: 16px;color: #725739;}
.index-screen-01 .part_1 ul li .content .btn{width: 120px;height: 35px;line-height: 35px;display: inline-block;text-align: center;font-size: 16px;color: #fff;cursor: pointer;background-image:linear-gradient(90deg, #bfa284 0%, #ddc6af 100%);box-shadow:2px 5px 9px 0 rgba(255, 255, 255, 0.51);border-radius: 21px;margin: 20px auto 0;padding: 0;border: none; }

.index-screen-01 .part_2{display: flex;flex-wrap: wrap;}
.index-screen-01 .part_2 .title{width: 100%;height: 92px;margin: 0 auto 90px;background-size:auto 100%;background-position:center;display: flex;}
.index-screen-01 .part_2 .content_left{display: flex;width: 50%;height: 600px;background-repeat: no-repeat;background-size: 100%;}
.index-screen-01 .part_2 .content_right{display: flex;width: 50%;flex-direction: column;}
.index-screen-01 .part_2 .content_right .title_2{display: flex;height: 84px;align-items: center;}
.index-screen-01 .part_2 .content_right .title_2 img{display: flex;}
.index-screen-01 .part_2 .content_right .about{display:flex;font-size: 16px;line-height: 24px;color:#3f5075;width: 550px;margin-top: 30px; }
.index-screen-01 .part_2 .content_right .bottom{margin-top: 90px;display: flex;}
.index-screen-01 .part_2 .content_right .bottom .item{position: relative;display: flex;width: 240px;height: 400px;background-repeat:no-repeat;background-position: center top;background-size: 100%;flex-direction: column;align-items: center;}
.index-screen-01 .part_2 .content_right .bottom .bottom_left{padding-top: 30px;}
.index-screen-01 .part_2 .content_right .bottom .title_3{position: absolute;left: 55px;top: -3px;width: 130px;height: 24px;}
.index-screen-01 .part_2 .content_right .bottom a{color: #c4a27b;transition: .3s;}
.index-screen-01 .part_2 .content_right .bottom a:hover{color: #222}

.index-screen-01 .content{display: flex;align-items: center;width: 1200px;height: 456px;justify-content: space-between;}
.index-screen-01 .content .left-text-box{display: flex; width: 300px; height: 100%;justify-content: center;flex-direction: column;}
.index-screen-01 .content .left-text-box .left-img{width: 350px;height: 120px;background-size: 100% 100%;}
.index-screen-01 .content .left-text-box .left-text{width: 300px;color: #fff;font-size: 14px;line-height: 28px;letter-spacing: 1px;margin-top: 30px;}
.index-screen-01 .content .left_item ul{display: flex;padding: 0;flex-direction: column;justify-content: space-evenly;height: 566px;}
.index-screen-01 .content .left_item ul li{display: flex;width: 186px;height: 72px;background-size: 100%;justify-content: center;align-items: center;cursor: pointer;}
.index-screen-01 .content .left_item ul li.active{background-size: 100%; }
.index-screen-01 .content .left_item ul li span{display: flex;height: 42px;align-items: center;line-height: 42px;margin: -19px 0 0 0;font-size: 16px;color:#7e92bd; }
.index-screen-01 .content .left_item ul li.live div{display: flex;width: 42px;height: 42px;background-repeat: no-repeat;background-position: center;background-size: 100%;margin: -19px 3px 0 0;}
.index-screen-01 .content .left_item ul li.live.active div{background-repeat: no-repeat;background-position: center;background-size: 100%;}
.index-screen-01 .content .left_item ul li.sports div{display: flex;width: 42px;height: 42px;background-repeat: no-repeat;background-position: center;background-size: 100%;margin: -19px 3px 0 0;}
.index-screen-01 .content .left_item ul li.sports.active div{background-repeat: no-repeat;background-position: center;background-size: 100%;}
.index-screen-01 .content .left_item ul li.chess div{display: flex;width: 42px;height: 42px;background-repeat: no-repeat;background-position: center;background-size: 100%;margin: -19px 3px 0 0;}
.index-screen-01 .content .left_item ul li.chess.active div{background-repeat: no-repeat;background-position: center;background-size: 100%;}
.index-screen-01 .content .left_item ul li.lottery div{display: flex;width: 42px;height: 42px;background-repeat: no-repeat;background-position: center;background-size: 100%;margin: -19px 3px 0 0;}
.index-screen-01 .content .left_item ul li.lottery.active div{background-repeat: no-repeat;background-position: center;background-size: 100%;}
.index-screen-01 .content .left_item ul li.casino div{display: flex;width: 42px;height: 42px;background-repeat: no-repeat;background-position: center;background-size: 100%;margin: -19px 3px 0 0;}
.index-screen-01 .content .left_item ul li.casino.active div{background-repeat: no-repeat;background-position: center;background-size: 100%;}

.index-screen-01 .content .mid_item{display: flex;width: 660px;height: 100%;background-size: 100% 100%;}

.index-screen-01 .content .right_item{display: flex;width: 222px;height:100%;}
.index-screen-01 .content .right_item .live .big_img{width: 820px;height: 566px;background-size: 100%}
.index-screen-01 .content .right_item .sports .big_img{width: 820px;height: 566px;background-size: 100%}
.index-screen-01 .content .right_item .chess .big_img{width: 820px;height: 566px;background-size: 100%}
.index-screen-01 .content .right_item .lottery .big_img{width: 820px;height: 566px;background-size: 100%}
.index-screen-01 .content .right_item .casino .big_img{width: 820px;height: 566px;background-size: 100%}
.index-screen-01 .content .right_item .name_box{display: flex;height:100%;}
.index-screen-01 .content .right_item .big_img{display: flex;}
.index-screen-01 .content .right_item .container{display: flex;flex-direction: row;}
.index-screen-01 .content .right_item>ul{width: 182px !important;}
.index-screen-01 .content .right_item .name_box ul{display: flex;flex-direction: column;align-items: center;justify-content: space-evenly;padding: 0;}
.index-screen-01 .content .right_item .name_box ul li{display: flex !important;position: relative !important;width: 222px;height: 102px;background-size: cover;transition: .3s;flex-direction: column; }
.index-screen-01 .content .right_item .name_box ul li a{display: flex;flex-direction: column;align-items: center;width: 222px;height: 102px;}
.index-screen-01 .content .right_item .name_box ul li a .im-img{background-size: 100% 100%;width: 100%;height: 100%;}
.index-screen-01 .content .right_item .name_box ul li a .im-img:hover{background-size: 100% 100%;width: 100%;height: 100%;}
.index-screen-01 .content .right_item .name_box ul li a .sb-img{background-size: 100% 100%;width: 100%;height: 100%;}
.index-screen-01 .content .right_item .name_box ul li a .sb-img:hover{background-size: 100% 100%;width: 100%;height: 100%;}
.index-screen-01 .content .right_item .name_box ul li a .cr-img{background-size: 100% 100%;width: 100%;height: 100%;}
.index-screen-01 .content .right_item .name_box ul li a .cr-img:hover{background-size: 100% 100%;width: 100%;height: 100%;}
/*.index-screen-01 .content .right_item .name_box ul li:hover span{color:#c4a27b; }*/
/*.index-screen-01 .content .right_item .name_box ul li:hover{transform: scale(1.1)}*/

/*index-screen-02*/
.index-screen-02{width: 100%;background-repeat:no-repeat;background-size: cover;display: flex;flex-direction: column; }
.index-screen-02 .title{width: 100%;height: 92px;margin: 90px auto;background-size:auto 100%;background-position:center;display: flex;}
.index-screen-02 .container{display: flex;flex-direction: column; width: 1200px;padding: 0 25px;margin: 0 auto;}
.index-screen-02 .content{display: flex;align-items: center;width: 1200px;margin: 0 auto;justify-content: space-between;}
.index-screen-02 .content .leftMatch{width: 600px;padding: 0;padding-top: 50px;margin-right: 30px;}
.index-screen-02 .content .leftMatch .left-title{display: flex;}
.index-screen-02 .content .leftMatch .left-title .b-icon{display: flex;align-items: center;justify-content: end;color: #fff;font-size: 34px;margin-bottom: 20px;}
.index-screen-02 .content .leftMatch .left-title .b-icon i{width: 70px;height: 70px;margin-right: 16px;background-size: 100% 100%;}
.index-screen-02 .content .leftMatch .text-list p{margin: 20px 0;color: #fff;font-size: 16px;font-family: Microsoft YaHei;font-weight: 400;line-height: 30px;width: 400px;text-align: justify;}
.index-screen-02 .content .leftMatch .download-list{display: flex; align-items: flex-start; text-align: center; margin-bottom: 50px;}
.index-screen-02 .content .leftMatch .download-list .QRcodeBG-one{width: 179px;margin-right: 39px;}
.index-screen-02 .content .leftMatch .download-list .QRcodeBG-one .QRcodeBG-one-bg{width: 100%;height: 179px;display: flex;align-items: center;justify-content: center;background: no-repeat 50%;background-position: 100% 100%;margin-bottom: 10px;background-size: 100% 100%;position: relative;}
.index-screen-02 .content .leftMatch .download-list .QRcodeBG-one .QRcodeBG-one-bg .qrcode-bg img{width: 110px;height: 110px;vertical-align: middle;}
.index-screen-02 .content .leftMatch .download-list .QRcodeBG-one .QRcodeBG-one-title{color: #fecc01;font-width: 700;font-size: 15px;}
.index-screen-02 .content .leftMatch .download-list .QRcodeBG-one a{color: #fff;}
.index-screen-02 .content .leftMatch .download-list .QRcodeBG-two{width: 179px;}
.index-screen-02 .content .leftMatch .download-list .QRcodeBG-two .QRcodeBG-two-bg{width: 100%;height: 179px;display: flex;align-items: center;justify-content: center;background: no-repeat 50%;background-position: 100% 100%;margin-bottom: 10px;background-size: 100% 100%;position: relative;}
.index-screen-02 .content .leftMatch .download-list .QRcodeBG-two .QRcodeBG-two-title{color: #fecc01;font-width: 700;font-size: 15px;}
.index-screen-02 .content .rightImg{min-width: 650px;height: 580px;background-size: 100% 100%;}
.index-screen-02 .content .leftMatch .download-list .QRcodeBG-two .domain{color: #fff;}

/*index-screen-03*/
.index-screen-03{width: 100%;background-repeat:no-repeat;background-size: cover;display: flex;flex-direction: column;}
.index-screen-03 .container{display: flex;flex-direction: column;width: 1200px;padding: 0 25px;}
.index-screen-03 .title{width: 100%;height: 92px;margin-top: 50px;margin-bottom: 40px;background-size:auto 100%;background-position:center;display: flex;}
.index-screen-03 .item{display: flex;width: 337px;height: 500px;flex-direction: column;align-items: center;}
.index-screen-03 .item1-img{background-repeat: no-repeat;width: 300px;height: 379px;background-size: 100% 100%;}
.index-screen-03 .item1-text{margin: 0 40px;color: #fff;font-size: 16px;font-weight: 400;line-height: 25px;text-align: justify;}
.index-screen-03 .item2-img{background-repeat: no-repeat;width: 300px;height: 379px;background-size: 100% 100%;}
.index-screen-03 .item2-text{margin: 0 40px;color: #fff;font-size: 16px;font-weight: 400;line-height: 25px;text-align: justify;}
.index-screen-03 .item3-img{background-repeat: no-repeat;width: 300px;height: 379px;background-size: 100% 100%;}
.index-screen-03 .item3-text{margin: 0 40px;color: #fff;font-size: 16px;font-weight: 400;line-height: 25px;text-align: justify;}
.index-screen-03 .item4-img{background-repeat: no-repeat;width: 300px;height: 379px;background-size: 100% 100%;}
.index-screen-03 .item4-text{margin: 0 40px;color: #fff;font-size: 16px;font-weight: 400;line-height: 25px;text-align: justify;}
.index-screen-03 .item-2{background-repeat: no-repeat;background-position: center top;background-size: 300px 379px;}
.index-screen-03 .item-3{background-repeat: no-repeat;background-position: center top;background-size: 300px 379px;}
.index-screen-03 .item-4{background-repeat: no-repeat;background-position: center top;background-size: 300px 379px;}