@charset "UTF-8";
/*!
 * demo-大众体育
 * Author: Abner
 * Update by 2019-8-13
 */

/* ==========全局样式========== */
ul{margin:0;padding:0;}
li{list-style: none;}
a:hover{ text-decoration: none;}
p{margin: 0;}
body{background: #ffffff;font-family: "Microsoft YaHei";-webkit-overflow-x: hidden;-ms-overflow-x: hidden;-moz-overflow-x: hidden;overflow-x:hidden;font-size: 14px;}
.container{width:1200px;padding:0;position:relative;overflow:visible;margin:0 auto;}
/* aside */
.aside-float li a{ width: 100%; height: 100%;background-repeat: no-repeat; display: inline-block; filter: alpha(opacity=0); opacity: 0; -webkit-transition: opacity 200ms ease-in-out; -moz-transition: opacity 200ms ease-in-out; -ms-transition: opacity 200ms ease-in-out; -o-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out; }
.aside-float li a:hover,.float-services li a:hover{opacity: 1;}
/* ==========header========== */
header{height: 186px;position: relative;color: rgb(77, 77, 77);z-index: 1001;background: #ffffff;}
header .top_login{width: 100%;height:74px;border-bottom: 1px solid #e0e0e0;}
header .top_login .col-3-1{height:74px;padding: 0;line-height: 74px;}
header .top_login .col-4-1{height:74px;padding: 0;line-height: 74px;}
header .top_login .time{text-align: left;}
header .top_login .time div{display: inline-block;}
header .top_login .time div a{color: rgb(77, 77, 77);margin-left: 14px}
header .top_login .time div+div:before{content: "|";margin:-1px 4px 0; position: absolute;}
header .top_login .logo{text-align: center;}
header .top_login .form-wrap{text-align: right;}
header .top_login .form-wrap .btn_a{height:36px;text-align:center;margin:19px 3px 0 0;display:inline-block;line-height: 36px;font-family: "PingFangSC";color:rgb(255, 255, 255);border-radius: 5px;}
header .top_login .form-wrap .btn-login{width:80px;background-color: rgb(50, 139, 196);}
header .top_login .form-wrap .btn_reg{width: 100px;background-color: rgb(9, 60, 93);}
header .top_login .form-wrap .signIn{width: 120px;background-color: rgb(217, 179, 16)}
header .top_login .form-wrap .btn-free{width: 100px;background-color: rgb(217, 179, 16);}
header .navbar{width: 100%;height: 56px;margin: 0;font-family: "PingFangSC";}
header .navbar .navbar-nav{width:100%;display: table;text-align: center;float: none;}
header .navbar .navbar-nav .nav-item{display: table-cell;float: none;font-size: 16px;}
header .navbar .navbar-nav .nav-item a{color: rgb(0, 0, 0);line-height: 53px;}
header .navbar .navbar-nav .nav-item.active a{border-bottom:3px solid rgb(50, 139, 196);color: rgb(0, 0, 0);}
header .header-panel ul{padding-top: 12px;color:rgb(9, 60, 93);}
header .header-panel ul li{line-height: 26px;float: left;}
header .header-panel ul li a{color: rgb(9, 60, 93);}
header .header-panel .panel_name a{color: #FF9800 !important;}
header .show-on-hover._vr_balanceBox ul{}
header .show-on-hover._vr_balanceBox ul li a{color:#f9f9f9;padding: 3px 0;}
header .show-on-hover._vr_balanceBox ul li a:hover{color:#FF9800;}
header .dropdown._vr_balanceBox .members-dropdown{background:rgb(11,60,93);background-image: -moz-linear-gradient( 100deg, rgb(11,60,93) 0%, rgb(50,140,193) 100%);background-image: -webkit-linear-gradient( 100deg, rgb(11,60,93) 0%, rgb(50,140,193) 100%);background-image: -ms-linear-gradient( 100deg, rgb(11,60,93) 0%, rgb(50,140,193) 100%);}
	/* notice */
header .notice{width: 100%;height: 56px;background: #f9f9f9;line-height: 58px;}
header .notice .notice-title{font-size: 16px;font-family: "Microsoft YaHei";color: rgb(9, 60, 93);font-weight: bold;position: absolute;}
header .notice .notice-title i{font-size: 20px;top:2px;}
header .notice .notice-title span{margin-left: 4px;}
header .notice .notice-list{width: 1058px;position: absolute;overflow: hidden;margin-left: 140px;}
header .notice .notice-list .list-unstyled{height: 56px;}
header .notice .notice-list a{ color: #5b7b90; font-size: 16px;}
header .nav-3-3 .sub-content{background:#f7f7f7;}
header .nav-3-3 .api-btn-prev,header .nav-3-3 .api-btn-next{top:90px;}
/*.nav-3-3 .apiicon{background: center no-repeat !important;}*/
/*header .nav-3-3 #sub-casino .apiicon.c-dt{background-position: -268px -145px;}*/
/*header .nav-3-3 #sub-casino .apiicon.c-pt{background-position: 0 -5px;}*/
/*header .nav-3-3 #sub-casino .apiicon.c-sg{background-position: -1700px -7px;}*/
/*header .nav-3-3 #sub-casino .apiicon.c-ag{background-position: -855px -6px;}*/
/*header .nav-3-3 #sub-casino .apiicon.c-hb{background-position: -1398px -9px;}*/
/*header .nav-3-3 #sub-casino .apiicon.c-ae{background-position: -1395px -300px;}*/
/*header .nav-3-3 #sub-casino .apiicon.c-gpi{background-position: -1676px -300px;}*/
/*header .nav-3-3 #sub-casino .apiicon.c-tp{background-position: -1676px -300px;}*/
/*header .nav-3-3 #sub-casino .apiicon.c-vs{background-position: 0 -450px;}*/
/*header .nav-3-3 #sub-casino .apiicon.c-jk{background-position: 0 -450px;}*/
/*header .nav-3-3 #sub-casino .apiicon.c-evo{background-position: -1120px -450px;}*/
/*header .nav-3-3 #sub-casino .apiicon.c-xbb{background-position: -840px -450px;}*/
/*header .nav-3-3 #sub-casino .apiicon.c-sea{background-position: -840px -450px;}*/
/*header .nav-3-3 #sub-casino .apiicon.c-sw{background-position: -840px -450px;}*/
/*header .nav-3-3 #sub-casino .apiicon.c-bng{background-position: -840px -450px;}*/
/*header .nav-3-3 #sub-casino .apiicon.c-ttg{background-position: -560px -450px;}*/
/*header .nav-3-3 #sub-casino .apiicon.c-ns{background-position: -280px -450px;}*/
/*header .nav-3-3 #sub-sports .apiicon.s-ai{background-position: -560px -300px;}*/
/*header .nav-3-3 #sub-sports .apiicon.s-sbo{background-position: -280px -300px;}*/
/*header .nav-3-3 #sub-sports .apiicon.s-fb{background-position: -1120px -450px;}*/

header .nav-3-3 .sub-box > dd p a i{color:#328bc4;}
header .nav-3-3 .api-games > ul > li:hover .sub-box > dd p:last-child a:first-child{color: #d9b310;}
header .nav-3-3 .sub-box > dd > p > span {color: #2b2b2b;}
header .nav-3-3 .sub-box > dt {height: 150px;}
header .nav-3-3 #sub-sports .sub-box > dd {margin: 0;}
header .nav-3-3 #sub-chess .apiicon {height: 150px;background-position-y: 15px !important;}
/*header .nav-3-3 #sub-chess .apiicon.p-qly { background-position: -560px 15px;}*/
/*header .nav-3-3 #sub-chess .apiicon.p-sd { background-position: -1120px 15px;}*/
/*header .nav-3-3 #sub-chess .apiicon.p-fg { background-position: -1400px 15px;}*/
/*header .nav-3-3 #sub-chess .apiicon.p-p-ky { background-position: 0 15px;}*/
/*header .nav-3-3 #sub-chess .apiicon.p-vg {background-position: -280px 15px;}*/
header .nav-3-3 #sub-chess .apiicon.p-leg{background-position: -2475px 0}
header .nav-3-3 #sub-chess .apiicon.p-bl{background-position: -2680px 0}

header .nav-3-3 #sub-sports .apiicon.s-188 {background-position: -560px 0;}
header .nav-3-3 #sub-sports .apiicon.s-188bet {background-position: -850px -150px;}
header .nav-3-3 #sub-sports .apiicon.s-esb {background-position: -1120px -145px;}



/* ===========footer=========== */
footer{height:400px;overflow: hidden;background:#282d32;font-family: "PingFangSC";}
footer .footer-partner{padding: 0 406px;padding-top:54px;}
/*footer .footer-partner .partner_logo{width:870px;}*/
/*footer .footer-partner .partner_logo .list-inline{text-align:left;}*/
/*footer .footer-partner .partner_logo .list-inline li{padding: 0;margin-bottom: 24px;margin-right: 20px;}*/
/*footer .footer-partner p{font-size: 16px;font-weight: bold;color: #ededed;margin-bottom: 20px;}*/
/*footer .footer-partner .pay_vise{width: 260px;}*/
/*footer .footer-partner .pay_vise .payment{margin-bottom: 24px;}*/
/*footer .footer-partner .pay_vise .p-bg{width: 247px;height: 94px;background: url(images/pay-icon.png)no-repeat;}*/
footer .footer-link{height: 44px;line-height:44px;margin-top: 42px;}
footer .footer-link .list-inline a{color: rgb(104, 111, 119); font-size: 15px;}
footer .footer-link .list-inline a:hover{color:rgb(228, 202, 87); }
footer .footer-link li{padding: 0 20px;position: relative;}
footer .footer-link li+li:before{content:"|";display: inline-block;color: rgb(104, 111, 119);position: absolute;left: -5px;}
footer .footer-copyright p{color: rgb(104, 111, 119);}
/*footer .hongtu-gray01 a.partner:after,footer  .hongtu-gray01 a.partner span{background-image: url(images/partner-hongtu-gray01.png);}*/
/*=============index============*/
/* slide */
.home-slide.slide{height: 774px;width: 100%; }
.home-slide.slide .slide-inner{width: 100%; position: absolute; }
.home-slide.slide .slide-inner li{height: 774px; }
.home-slide.slide .slide-inner li a{position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.home-slide.slide .slide-indicators{bottom: 36px; }
.home-slide.slide .slide-indicators ul li{width:14px;height:14px;border-radius:100%;background:#ededed;filter: alpha(opacity=50);opacity:.5; }
.home-slide.slide .slide-indicators ul li.active{background: #3187bf;filter: alpha(opacity=100);opacity: 1; }
.home-slide .prev,.home-slide .next{filter: alpha(opacity=0); opacity: 0; font-size: 18px; line-height: 20px; left: 50%; background: transparent; bottom: 6px; top: auto; }
.home-slide .prev{ margin-left: -20px; }
/* game_recommend*/
.game_recommend{width: 100%;height: 850px;position: relative;overflow: hidden;}
.game_recommend .bag_img{width: 100%;height: 0;position: absolute;top: 0;left: 0;background: no-repeat center;-webkit-transition: all 1.5s;-moz-transition: all 1.5s;transition: all 1.5s;}
.game_recommend .container{height: 100%;}
.game_recommend .text_title{text-align: center;margin-top: 200px;opacity:0;}
.game_recommend .left_img,.game_recommend .right_img{position: absolute;bottom: 50px;opacity:0;-webkit-transition: all 1.5s;-moz-transition: all 1.5s;transition: all 1.5s;}
.game_recommend .left_img{left: -836px;}
.game_recommend .right_img{right: -890px;}
.game_recommend .left_img.leftDw,.game_recommend .right_img.rightDw{bottom:0;opacity: 1;}
.game_recommend .left_img.leftDw{left: -36px;bottom: -130px;}
.game_recommend .right_img.rightDw{right: -166px;bottom: -86px;}
.game_recommend .index-sports-list{width: 100%;z-index: 1001;opacity: 0; position: absolute;-webkit-transition: all 1.5s;-moz-transition: all 1.5s;transition: all 1.5s;}
.game_recommend .index-sports-list.centerSh{opacity: 1;}
.game_recommend .index-sports-list .text_middle{width: 894px;height:100%;margin: 0 auto;}
.game_recommend .text_middle .content_rec{height:298px;margin-top: 41px;}
.game_recommend .text_middle .content_rec li{height:148px;background: rgba(255, 255, 255,.9);text-align:center;padding: 0;margin:0 1px 1px 0;float: left;position: relative;}
.game_recommend .text_middle .content_rec .sports-list-upper li .icon-left,
.game_recommend .text_middle .content_rec .sports-list-upper li .icon-right{position: absolute;top: 0;padding: 0;z-index: 100;}
.game_recommend .text_middle .content_rec li .icon{margin: 0 auto;display: inline-block;position: relative;}
.game_recommend .text_middle .content_rec li .icon img{width: 100%;position: absolute;bottom: 0;left: 0;}
.game_recommend .text_middle .content_rec .sports-list-upper li{width: 445px;}
.game_recommend .text_middle .content_rec .sports-list-upper li .team-name{position: absolute;bottom: 18px;left: 0;right: 0;}
.game_recommend .text_middle .content_rec .sports-list-upper li .text-center{width: 188px;height: 100%;margin: 0 auto;padding-top: 20px;}
.game_recommend .text_middle .content_rec .sports-list-upper li .icon{width: 70px;height: 90px;margin-top: 10px;}
.game_recommend .text_middle .content_rec .sports-list-upper li .icon-left{width: 128px;height: 100%;}
.game_recommend .text_middle .content_rec .sports-list-upper li .icon-right{width: 128px;height: 100%;right: 0;}
.game_recommend .text_middle .content_rec .sports-list-upper li .text-center .vs_text{font-size: 36px;font-family: "Century Gothic";color: rgb(25, 101, 165);font-weight: bold;}
.game_recommend .text_middle .content_rec .sports-list-upper li .text-center .team{font-size: 20px;color: rgb(55, 55, 55);}
.game_recommend .text_middle .content_rec .sports-list-upper li .text-center .team-h{position: absolute;display:none;padding-top: 50px;height: 100%;width: 100%;top: 0;left: 0;background-color: rgba(255, 255, 255,.8);}
.game_recommend .text_middle .content_rec .sports-list-upper li .text-center .team-h a{width: 120px;height: 48px;display:inline-block;line-height:48px;border-radius: 3px;color:#ffffff;font-size:16px;background-image: -moz-linear-gradient( -180deg, rgb(11,60,93) 0%, rgb(50,140,193) 100%);background-image: -webkit-linear-gradient( -180deg, rgb(11,60,93) 0%, rgb(50,140,193) 100%);background-image: -ms-linear-gradient( -180deg, rgb(11,60,93) 0%, rgb(50,140,193) 100%);}
.game_recommend .text_middle .content_rec .sports-list-upper li:hover .text-center .team-h{display: block;}
.game_recommend .text_middle .content_rec .sports-list-lower li{width: 222px;}
.game_recommend .text_middle .content_rec .sports-list-lower li .text-top{width:100%;height: 54px;text-align: center;color:#373737;font-size: 16px;padding-top: 10px;}
.game_recommend .text_middle .content_rec .sports-list-lower li .text-top .team-h{display: none;width: 100%;height: 100%;padding-top: 60px;background:rgba(255, 255, 255,.8);position: absolute;top: 0;left: 0;z-index: 101;}
.game_recommend .text_middle .content_rec .sports-list-lower li .text-top .team-h a{width: 100px;height: 40px;display:inline-block;line-height:40px;border-radius: 3px;color:#ffffff;font-size:14px;background-image: -moz-linear-gradient( -180deg, rgb(11,60,93) 0%, rgb(50,140,193) 100%);background-image: -webkit-linear-gradient( -180deg, rgb(11,60,93) 0%, rgb(50,140,193) 100%);background-image: -ms-linear-gradient( -180deg, rgb(11,60,93) 0%, rgb(50,140,193) 100%);}
.game_recommend .text_middle .content_rec .sports-list-lower li:hover .text-top .team-h{display: block;}
.game_recommend .text_middle .content_rec .sports-list-lower li .text-top .team{line-height:1;}
.game_recommend .text_middle .content_rec .sports-list-lower li .text-top .time{font-size: 12px;color: #1965a5;}
.game_recommend .text_middle .content_rec .sports-list-lower li .icon{width: 56px;height: 60px;}
.game_recommend .text_middle .content_rec .sports-list-lower li .team-name{width: 100%;position: absolute;left:0;bottom: 10px;}
.game_recommend .text_middle .content_rec .sports-list-lower li .left-icon,
.game_recommend .text_middle .content_rec .sports-list-lower li .right-icon{position: absolute;text-align: center;}
.game_recommend .text_middle .content_rec .sports-list-lower li .left-icon{width: 98px;height: 94px;left: 0;bottom: 0;}
.game_recommend .text_middle .content_rec .sports-list-lower li .right-icon{width: 98px;height: 94px;right: 0;bottom: 0;}
.game_recommend .text_middle .content_rec .sports-list-lower li .vs_text{font-size: 18px;padding-top: 20px;font-family: "Century Gothic";color: rgb(25, 101, 165);font-weight: bold;}
.game_recommend .text_bottom{width: 880px;height:71px;padding-left: 136px;line-height: 71px;position: relative;}
.game_recommend .text_bottom span{color: #ffffff;font-size: 18px;margin-left: 16px;position: absolute;padding-top: 4px;}
.game_recommend .text_bottom .btn_tz{width: 120px;height: 48px;display: inline-block;border-radius: 3px;background-color: rgb(217, 179, 16);position: absolute;top:12px;right: 134px;font-size: 16px;color: #ffffff;line-height: 48px;text-align: center;}
/* game_middle*/
.game_middle{width: 100%;height: 1614px;padding-top:194px;background:no-repeat center;}
.game_middle .content_upper{height: 650px;}
.game_middle .content_upper .text_left{width:794px;float: left;position: relative;}
.game_middle .content_upper .text_left .img_01,.game_middle .content_upper .text_left .img_02,.game_middle .content_upper .text_left .img_03{position: absolute;-webkit-transition: all .5s;transition: all .5s;}
.game_middle .content_upper .text_left .img_01{top: 40px;left:-58px;}
.game_middle .content_upper .text_left .img_02{top: 0;left: 140px;}
.game_middle .content_upper .text_left .img_03{top: 54px;right: 0;}
.game_middle .content_upper .text_left:hover .img_02{-webkit-transform: scale(1.02);-ms-transform: scale(1.02);transform: scale(1.02);}
.game_middle .content_upper .text_right{width:384px;height: 100%;float: right;padding-top: 54px;text-align: left;}
.game_middle .content_upper .text_right .img_title{margin-bottom: 30px;}
.game_middle .content_upper .text_right .center_text{height:105px;color: #000000;margin-bottom: 30px;letter-spacing: 1px;}
.game_middle .content_upper .text_right .typed-cursor{display: none;}
.game_middle .content_upper .text_right .bt_qcode .qr{width: 124px;height: 124px;float: left;}
.game_middle .content_upper .text_right .bt_qcode .qr img{width: 100%;}
.game_middle .content_upper .text_right .bt_qcode .right_words{width: 230px;float: right;}
.game_middle .content_upper .text_right .bt_qcode .right_words .p01{font-size: 18px;color: #0b3c5d;}
.game_middle .content_upper .text_right .bt_qcode .right_words .p02{color: #000000;}
.game_middle .content_upper .text_right .bt_qcode .right_words .p03{font-family: "Helvetica";color: #aeaeae;margin-top: 2px;}
.game_middle .content_lower{width: 100%;height: 664px;margin-top: 110px;text-align: center;}
.game_middle .content_lower ul{margin-top: 48px;}
.game_middle .content_lower ul li{width: 397px;height: 280px;margin: 0 1px 1px 0;float: left;position: relative;background: no-repeat center;}
.game_middle .content_lower ul li:after{content: "";width:100%;height: 165px;position: absolute;left: 0;bottom: 0;}
.game_middle .content_lower ul li a{top: 226px;font-size: 18px;color: #ffffff;position: absolute;left: 140px;z-index: 10;}
.game_middle .content_lower ul li a img{width:38px;margin-right: 12px;}
.game_middle .content_lower ul li:hover a{width: 100%;height: 100%;top: 0;left: 0;padding-top: 88px;opacity: 0.9;background-image: -moz-linear-gradient( 90deg, rgb(11,60,93) 0%, rgb(50,140,193) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(11,60,93) 0%, rgb(50,140,193) 100%);background-image: -ms-linear-gradient( 90deg, rgb(11,60,93) 0%, rgb(50,140,193) 100%);}
.game_middle .content_lower ul li:hover a img{width:75px;margin-right: 0;}
.game_middle .content_lower ul li:hover a span{width:100%;display: inline-block;margin-top: 22px;}
/* game_bottom*/
.game_bottom{width: 100%;height: 778px;padding-top:164px;text-align: center;}
.game_bottom .title_top{margin-bottom: 20px;}
.game_bottom .title_e{color: #2c2c2c;font-size: 18px;margin-bottom: 60px;}
.game_bottom .advantage li{width: 286px;height: 286px;float: left;position: relative;}
.game_bottom .advantage li .number{width:213px;height: 213px;padding-top: 58px;background: no-repeat center;position: absolute;top: 37px;left: 37px;}
.game_bottom .advantage li .number .num{width: 100%;font-size: 70px;display: inline-block;line-height: 1;color: #4c4c4c;margin-bottom: 16px;}
.game_bottom .advantage li .number .unit{font-size:15px;color: #4c4c4c;}
.game_bottom .advantage li .words{font-size: 18px;color: #2c2c2c;position: absolute;bottom: -56px;left: 102px;}
/* index Dynamic effect */
.leftInDw{-webkit-animation: leftInDw .5s forwards;animation: leftInDw .5s forwards;}
.leftInUp{-webkit-animation: leftInUp 1s forwards;animation: leftInUp 1s forwards;}
.calls1{ opacity: 0;-webkit-transform: translateY(100px); transform: translateY(100px);transition: all .9s cubic-bezier(0.4,0,.2,1);}
.cen1{ opacity: 0;-webkit-transform: translateY(100px); transform: translateY(100px);transition: all .9s cubic-bezier(0.4,0,.2,1);}
.title1{opacity: 0;-webkit-transform: translateY(100px);transform: translateY(100px);transition: all .9s cubic-bezier(0.4,0,.2,1);}
.li01{opacity: 0;-webkit-transform: translateY(-100px);transform: translateY(-100px);transition: all .9s cubic-bezier(0.4,0,.2,1);}
.calls1.show{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
.cen1.show{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
.li01.show{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
.title1.show{ opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
.calls1{transition-delay: 0s;}
.calls2{transition-delay: 0.3s;}
.calls3{transition-delay: 0.5s;}
.calls4{transition-delay: 0.7s;}
.calls5{transition-delay: 1s;}
.cen1{transition-delay: 0s;}
.cen2{transition-delay: 0.3s;}
.cen3{transition-delay: 0.5s;}
.title1{transition-delay: 0s;}
.title2{transition-delay: 0.5s;}
.li01{transition-delay: 0s;}
.li-live{transition-delay: 0.3s;}
.li-casino{transition-delay: 0.5s;}
.li-sports{transition-delay: 0.8s;}
.li-lottery{transition-delay: 1.0s;}
.li-chess{transition-delay: 1.3s;}
.li-fish{transition-delay: 1.5s;}
@-webkit-keyframes leftInUp{
	from{opacity:0;-webkit-transform:translateY(-60px);transform:translateY(-60px);}
	to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes leftInUp{
	from{opacity:0;-webkit-transform:translateY(-60px);transform:translateY(-60px);}
	to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@-webkit-keyframes leftInDw{
	from{opacity:0;-webkit-transform:translateY(-200px);transform:translateY(-200px);}
	to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes leftInDw{
	from{opacity:0;-webkit-transform:translateY(-200px);transform:translateY(-200px);}
	to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}

/*========== live 真人 ============*/
.myLive{background: no-repeat center top; background-size: cover;}
.live-16{padding-top:118px;min-height: 1123px;}
.live-16 .live_list{width: 290px;height: 290px;position:relative;margin-bottom: 10px;border-radius: 20px;float: left;background: #ebebeb;}
.live-16 .live_list:nth-child(1),.live-16 .live_list:nth-child(6){width: 594px;height:290px;}
.live-16 .live_list:nth-child(2),.live-16 .live_list:nth-child(3),.live-16 .live_list:nth-child(5),.live-16 .live_list:nth-child(6){margin-left: 13px;}
.live-16 .live_list:nth-child(7),.live-16 .live_list:nth-child(8),.live-16 .live_list:nth-child(9){margin-right: 13px;}
.live-16 .live_list:nth-child(11),.live-16 .live_list:nth-child(12),.live-16 .live_list:nth-child(13){margin-right: 13px;}
.live-16 .live_list:nth-child(15),.live-16 .live_list:nth-child(16){margin-right: 13px;}
.live-16 .live_list .item-hover{width:100%;height:100%;position:absolute;bottom:0;right:0;display:none;z-index: 101;}
.live-16 .live_list:hover .item-hover{display: inline-block;}
.live-16 .live_list .live-play{width:200px;height:200px;display:inline-block;background:no-repeat;position: absolute;right: 0;bottom: 0;}
.live-16 .live_list .title-black{width: 120px;text-align: center;font-size: 16px;color: #5c5c5c;}
.live-16 .live_list:nth-child(3) .title-black,.live-16 .live_list:nth-child(5) .title-black,.live-16 .live_list:nth-child(6) .title-black,
.live-16 .live_list:nth-child(11) .title-black{float:left;margin: 98px 0 0 20px;}
.live-16 .live_list:nth-child(1) .title-black,.live-16 .live_list:nth-child(2) .title-black,.live-16 .live_list:nth-child(4) .title-black,.live-16 .live_list:nth-child(7) .title-black,
.live-16 .live_list:nth-child(9) .title-black,.live-16 .live_list:nth-child(16) .title-black{float:right;margin: 98px 20px 0 0;}
.live-16 .live_list:nth-child(8) .title-black,.live-16 .live_list:nth-child(10) .title-black{ margin: 64px 0px 0 0;}
/*.live-16 .live_list:nth-child(11) .title-black{float:right;margin: 98px 20px 0 0;}*/
.live-16 .live_list:nth-child(12) .title-black{float:right;margin: 98px 20px 0 0;}
.live-16 .live_list:nth-child(13) .title-black{float:right;margin: 98px 20px 0 0;}
.live-16 .live_list:nth-child(14) .title-black{float:right;margin: 98px 20px 0 0;}
.live-16 .live_list:nth-child(1) .title-black{margin-right:124px;}
.live-16 .live_list:nth-child(6) .title-black{margin-left:94px;}
.live-16 .live_list .title-black p{margin-top: 4px;color: #5c5c5c;font-size: 18px;}
/*========== casino 电子 ============*/
.myCasino main{background:#f0f0f0 no-repeat center top;}
.myCasino .jackpot{width:100%;position:absolute;top: 192px; }
.myCasino .jackpot #jackpot-num {width: 775px;position: relative;font-size: 40px;font-family: "Century Gothic";margin:auto;text-align: center;font-weight: bold;letter-spacing:26px;}
.myCasino .jackpot #jackpot-num span{position: absolute;-moz-transform: matrix( 1.77234241508272,0,0,1.77234241508272,0,0);-webkit-transform: matrix( 1.77234241508272,0,0,1.77234241508272,0,0);-ms-transform: matrix( 1.77234241508272,0,0,1.77234241508272,0,0);}
.myCasino .jackpot #jackpot-num .num_01{left: 60px}
.myCasino .jackpot #jackpot-num .num_02{left: 292px;}
.myCasino .jackpot #jackpot-num .num_03{right: 40px;}
.myCasino .main-casino .casino{padding-top: 380px;min-height: 1312px}
.myCasino .main-casino .casino > .container .game-list-header{display: none;}
.myCasino .main-casino .casino > .container .game_box{width: 936px;float: right;padding:20px;border-radius:8px;background: -webkit-linear-gradient(#ffffff,#f0f0f0);background: -moz-linear-gradient(#ffffff,#f0f0f0);background: linear-gradient(#ffffff,#f0f0f0);}
.myCasino .main-casino .casino.theme-white > .container .casino-sorts .toggle-api{display:none;}
.myCasino .main-casino .casino.theme-white > .container{background: none;padding: 0;}
.myCasino .main-casino .slide_left{width: 245px;height: 760px;float: left;position: relative;}
.myCasino .main-casino .slide_left .tempWrap{height: 760px !important;}
.myCasino .main-casino .slide_left li{width: 236px;height:80px;position: relative;margin-bottom: 16px;line-height: 80px;}
.myCasino .main-casino .slide_left li img,.myCasino .main-casino .slide_left li span{position: absolute;}
.myCasino .main-casino .slide_left li span{color: #3c3c3c;font-size: 18px;right: 36px;}
.myCasino .main-casino .slide_left li img.hover_img{display: none;}
.myCasino .main-casino .slide_left li:hover span,.myCasino .main-casino .slide_left li.active span{color: #ffffff;}
.myCasino .main-casino .slide_left li:hover img.active_img,.myCasino .main-casino .slide_left li.active img.active_img{display: none;}
.myCasino .main-casino .slide_left li:hover img.hover_img,.myCasino .main-casino .slide_left li.active img.hover_img{display: block;}
.myCasino .main-casino .slide_left .p_span,.myCasino .main-casino .wheel_left .p_span{width: 236px;height: 50px;position: absolute;line-height: 35px;text-align:center;background: no-repeat;}
.myCasino .main-casino .slide_left .p_span{bottom: -112px;}
.myCasino .main-casino .wheel_left .p_span{bottom: -58px;}
.myCasino .main-casino .slide_left .prev.p_span{bottom:-50px;}
.myCasino .main-casino .slide_left .next.p_span{top:-54px;}
.myCasino .main-casino .slide_left .prev.p_span:before,.myCasino .main-casino .slide_left .next.p_span:before{content:"";width: 18px;height: 12px;position: absolute;top: 20px;left: 106px;}
.myCasino .main-casino .slide_left .prev.p_span,.myCasino .main-casino .slide_left .next.p_span{height:47px;background:rgba(0,0,0,.2);border-radius: 6px;}
.myCasino .main-casino .slide_left .prev.p_span:hover,.myCasino .main-casino .slide_left .next.p_span:hover{background:rgba(0,0,0,.3);}
.myCasino .main-casino .wheel_left{width: 264px;height:100%;float: left;position: relative;display: none;}
.myCasino .main-casino .wheel_left li{width: 116px;height: 80px;margin:0 16px 16px 0;float: left;text-align: center;background: #ffffff;border-radius: 5px;}
.myCasino .main-casino .wheel_left li.active,.myCasino .main-casino .wheel_left li:hover{background-image: -moz-linear-gradient( -45deg, rgb(255, 203, 0) 0%, rgb(253, 151, 30) 100%);background-image: -webkit-linear-gradient( -45deg, rgb(255, 203, 0) 0%, rgb(253, 151, 30) 100%);background-image: -ms-linear-gradient( -45deg, rgb(255, 203, 0) 0%, rgb(253, 151, 30) 100%);}
.myCasino .main-casino .wheel_left li a{width: 100%;height: 100%;display:inline-block;}
.myCasino .main-casino .wheel_left li span{width: 100px;height: 54px;display: inline-block;background: top center no-repeat;}
/*.myCasino .main-casino .wheel_left li span.mg{background-position-x: -6px;}*/
/*.myCasino .main-casino .wheel_left li span.bsg{background-position-x: -403px;}*/
/*.myCasino .main-casino .wheel_left li span.pt{background-position-x: -85px;}*/
/*.myCasino .main-casino .wheel_left li span.sg{background-position-x: -487px;}*/
/*.myCasino .main-casino .wheel_left li span.ag{background-position-x: -246px;}*/
/*.myCasino .main-casino .wheel_left li span.bb{background-position-x: -167px;}*/
/*.myCasino .main-casino .wheel_left li span.hb{background-position-x: -326px;}*/
/*.myCasino .main-casino .wheel_left li span.dt{background-position-x: -726px;}*/
/*.myCasino .main-casino .wheel_left li span.png{background-position-x: -565px;}*/
/*.myCasino .main-casino .wheel_left li span.mw{background-position-x: -804px;}*/
/*.myCasino .main-casino .wheel_left li span.prg{background-position-x: -642px;}*/
/*.myCasino .main-casino .wheel_left li span.nt{background-position-x: -962px;}*/
/*.myCasino .main-casino .wheel_left li span.pg{background-position-x: -884px;}*/
/*.myCasino .main-casino .wheel_left li span.cq9{background-position-x: -1045px;}*/
/*.myCasino .main-casino .wheel_left li span.jdb{background-position-x: -1126px;}*/
/*.myCasino .main-casino .wheel_left li span.fg{background-position-x: -1286px;}*/
/*.myCasino .main-casino .wheel_left li span.fish{background-position-x: -1205px;}*/
/*.myCasino .main-casino .wheel_left li span.tp{background-position-x: -1359px;}*/
.myCasino .main-casino .wheel_left li.active span,.myCasino .main-casino .wheel_left li:hover span{background-position-y:bottom;}
.myCasino .main-casino .wheel_left li p{color: #515150;}
.myCasino .main-casino .wheel_left li.active p,.myCasino .main-casino .wheel_left li:hover p{color: #ffffff;}
.myCasino .main-casino .wheel_left .p_span{left: 0;}
.myCasino .main-casino .casino.theme-white > .container .casino-sorts{border-bottom: none;background: none;}
.myCasino .main-casino .casino.theme-white > .container .casino-sorts .nav-tabs > li.active a{border-bottom: 2px solid #328bc4;}
.myCasino .main-casino .casino.theme-white > .container .casino-sorts .nav-tabs > li a{display:inline-block;height: 32px;}
.myCasino .main-casino .casino.theme-white > .container .casino-sorts .nav-tabs > li.active > a{color: #328bc4;background: none;padding-left: 24px;}
.myCasino .main-casino .casino.theme-white > .container .casino-sorts .nav-tabs > li.active > a:before{content: "";width: 19px;height: 19px;position: absolute;top: 4px;left: 0;}
.myCasino .main-casino .casino > .container .casino-sorts .nav-tabs > li{width: 106px;text-align: center;line-height: 32px;}
.myCasino .main-casino .casino.theme-white > .container .casino-sorts .nav-tabs > li:hover a,
.myCasino .main-casino .casino.theme-white > .container .casino-sorts .nav-tabs > li.active:hover a{color: #328bc4;}
.myCasino .main-casino .casino > .container .casino-sorts{height: 40px;margin-bottom: 30px;}
.myCasino .main-casino .casino > .container .casino-sorts .nav-tabs > li > a{padding:0;font-size: 16px;margin: 0;}
.myCasino .main-casino .casino.theme-white > .container .casino-sorts .nav-tabs > li:hover{background: none;}
.myCasino .main-casino .casino > .container .casino-sorts .search-box {width: 250px;float: right;margin-top: 0;position: absolute;top:-62px;right: 0;margin-right: 0;}
.myCasino .main-casino .casino > .container .casino-sorts .search-box .form-control{width: 250px;height: 46px;border-radius: 25px;padding-left: 20px;font-size: 14px;opacity: .8;color: #747474;}
.myCasino .main-casino .casino.theme-white > .container .casino-sorts .search-box .gui-search{display: none;}
.myCasino .main-casino .casino > .container .casino-sorts .search-box .btn-search {width: 22px;height: 22px;border-radius: 3px;border:none;color: #fff;position: absolute;top: 13px;right: 20px;font-size: 0;  }
.myCasino .main-casino .casino > .container .game-list .col-5-1{width: 25%;}
.myCasino .main-casino .casino.theme-white > .container .casino-game-list div.game-item{box-shadow: none;}
.myCasino .main-casino .casino > .container .casino-game-list .game-item .game-info .g_line2 span{color: #fd971e;}
@media  screen and (-webkit-min-device-pixel-ratio:0) {
	.myCasino .jackpot #jackpot-num span{background: -webkit-linear-gradient(#399edf,#0b3c5d);background: -moz-linear-gradient(#399edf,#0b3c5d);background: linear-gradient(#399edf,#0b3c5d);-webkit-background-clip: text; -webkit-text-fill-color: transparent;
	}
}
.myCasino .main-casino .slide_left .game_marker_02:after {right: -5px;top: -5px;}
.myCasino .main-casino .wheel_left .game_marker_02:after {width: 60px;height: 60px;right: -3px;top: -4px;}

/*========== sports 体育 =================*/
.main-sports1 {background-color: #363641;height: 820px; background-repeat: no-repeat; background-position: center top; -webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s;}
.main-sports1 .api-des { display: none; width: 412px; position: absolute;text-align: center; top: 152px; right: 80px; font-size: 14px; color: #fff; }
.main-sports1 .api-des .des-txt {height:126px;margin-top: 48px;font-size: 15px;font-family: "PingFang";letter-spacing:1px;line-height:25px;text-align: left;color: rgb(255, 255, 255); }
.main-sports1 .api-des .btn-start{width: 136px;height: 54px;margin-top: 30px;display:inline-block;font-size:16px;line-height:54px;color: #fff;border-radius: 5px;background: rgb(237, 195, 13);}
.main-sports1 .api-des .btn-start:hover{background: -webkit-linear-gradient(right, #e5a40a , #ecc00d);background: -o-linear-gradient(left, #e5a40a , #ecc00d);background: -moz-linear-gradient(left, #e5a40a , #ecc00d);background: linear-gradient(to left,#e5a40a , #ecc00d);}
.main-sports1 .api-des.active { display: block; }
.main-sports1 > .container { position: relative; height: 100%; }
.main-sports1 .api-list { height:220px;position: absolute; bottom: 0; left: 0; right: 0; text-align: center;border-top: 1px solid rgba(181, 177, 177, 0.259)}
.main-sports1 .api-list .box_height{width:106px;height: 100%;padding-top:48px;margin-right:14px;display: inline-block;position: relative;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s; }
.main-sports1 .api-list .box_height:hover,.main-sports1 .api-list .box_height.active{top: -10px;}
.main-sports1 .api-list .box_height.active .api-item{color: #06c3df;font-weight: bold;}
.main-sports1 .api-list .box_height.active:before{content: "";width: 36px;height: 2px;display:inline-block;position: absolute;top:9px;left: 32px;background: #ffffff;}
.main-sports1 .api-list .box_height .api-item{width: 100%;height: 80px;position: absolute;color: #b5b5b5;left: 0;display: inline-block;}
.main-sports1 .api-list .box_height .api-item .img_box{height: 68px;}
.main-sports1 .api-list .box_height .api-item .img_box img{transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;}
.main-sports1 .api-list .box_height .api-item .img_box .hover_img{width: 100%;top: 0;position: absolute;}
.main-sports1 .api-list .box_height .api-item .img_box .img02{filter: alpha(opacity=0);opacity:0;}
.main-sports1 .api-list .box_height.active .img_box .img01{filter: alpha(opacity=0);opacity:0;}
.main-sports1 .api-list .box_height.active .img_box .img02{filter: alpha(opacity=100);opacity:1;}
.main-sports1 .api-list .box_height .game_marker_02:after {right: 0;top: -20px;}
.main-sports2 .container{width: 1440px;}
.main-sports2 .sports-box{width: 100%;margin: 40px auto;min-height: 768px;text-align: center;background: #dad9d9;}
.main-sports2 .api-tabs>li.active a, .api-tabs>li>a:hover{color: #06c3df;}
.main-sports2 .api-tabs>li>a,
.main-sports2 .api-tabs>li>a>span{line-height: 51px;}

/*========== lottery 彩票 =================*/
.main-lottery{background-color: #ffffff;height: 766px;position:relative;-webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s;}
.main-lottery .particles{position: absolute;left: 0;top: 0;bottom: 0;right: 0;}
.main-lottery .api-des{ display: none; width:100%;text-align: center;position:relative;font-size: 14px; color: #fff; }
.main-lottery .api-des .left_img{position: absolute;left: 0;top:50px;}
.main-lottery .api-des .right_text{width:412px;position: absolute;top: 100px;right: 0;}
.main-lottery .api-des .right_text .des-txt{height:150px;margin-top: 48px;font-size: 15px;font-family: "PingFang";letter-spacing:1px;line-height:25px;text-align: left;color: #5a5a5a;}
.main-lottery .api-des .right_text .btn-start{width: 126px;height: 54px;margin-top: 30px;display:inline-block;font-size:16px;line-height:54px;color: #fff;border-radius: 5px;background: rgb(237, 195, 13);}
.main-lottery .api-des .right_text .btn-start:hover{background: -webkit-linear-gradient(right, #e5a40a , #ecc00d);background: -o-linear-gradient(left, #e5a40a , #ecc00d);background: -moz-linear-gradient(left, #e5a40a , #ecc00d);background: linear-gradient(to left,#e5a40a , #ecc00d);}
.main-lottery .api-des.lt .left_img{top:10px;}
.main-lottery .api-des.active { display: block;}
.main-lottery .container{ position: relative; height: 100%; }
.main-lottery .api-list { height:170px;position: absolute; bottom: 0; left: 0; right: 0; text-align: center;}
.main-lottery .api-list .box_height{width:220px;height: 80px;display: inline-block;position: relative;border-radius: 8px;margin: 0 8px;
	-webkit-box-shadow:0px 7px 30px -7px rgba(165, 165, 165,.6);-moz-box-shadow:0px 7px 30px -7px rgba(165, 165, 165,.6);-ms-box-shadow:0px 7px 30px -7px rgba(165, 165, 165,.6);box-shadow:0px 7px 30px -7px rgba(165, 165, 165,.6);
	background-image: -moz-linear-gradient( -178deg, rgb(249,249,249) 0%, rgb(242,242,242) 100%);background-image: -webkit-linear-gradient( -178deg, rgb(249,249,249) 0%, rgb(242,242,242) 100%);background-image: -ms-linear-gradient( -178deg, rgb(249,249,249) 0%, rgb(242,242,242) 100%);}
.main-lottery .api-list .box_height .api-item{width: 100%;line-height: 80px;font-size:18px;position: absolute;color: #303030;left: 0;display: inline-block;}
.main-lottery .api-list .box_height .api-item .img_logo{width: 90px;height: 60px;display: inline-block;position: absolute;left: 14px;top: 6px;background: no-repeat;}
/*.main-lottery .api-list .box_height .api-item .img_logo.img_lt{background-position-x: -84px;}*/
/*.main-lottery .api-list .box_height .api-item .img_logo.img_kg{background-position-x: -270px;}*/
/*.main-lottery .api-list .box_height .api-item .img_logo.img_bb{background-position-x: -366px;}*/
/*.main-lottery .api-list .box_height .api-item .img_logo.img_vr{background-position-x: -180px;}*/
/*.main-lottery .api-list .box_height .api-item .img_logo.img_yb{background-position-x: -448px;}*/
/*.main-lottery .api-list .box_height .api-item .img_logo.img_tcg{background-position-x: -550px;}*/
/*.main-lottery .api-list .box_height .api-item .img_logo.img_tp{background-position-x: -620px;}*/
/*.main-lottery .api-list .box_height .api-item .img_logo.img_gpi{background-position-x: -697px;}*/
/*.main-lottery .api-list .box_height .api-item .img_logo.img_gb{background-position-x: -765px;}*/
/*.main-lottery .api-list .box_height .api-item .img_logo.img_qq{background-position-x: -840px;}*/
/*.main-lottery .api-list .box_height .api-item .img_logo.img_gp{background-position-x: -916px;}*/
.main-lottery .api-list .box_height .api-item .text_name{position: absolute;right: 28px;}
.main-lottery .api-list .box_height.active{background-image: -moz-linear-gradient( -178deg, rgb(24,114,172) 0%, rgb(57,158,223) 100%);background-image: -webkit-linear-gradient( -178deg, rgb(24,114,172) 0%, rgb(57,158,223) 100%);background-image: -ms-linear-gradient( -178deg, rgb(24,114,172) 0%, rgb(57,158,223) 100%);}
.main-lottery .api-list .box_height.active .api-item{color: #ffffff;}
.main-lottery .api-list .box_height.active  .api-item .img_logo{filter: brightness(100)}
/*========== chess 棋牌 =================*/
.my_chess{width:100%;height:928px;background:no-repeat center;position: relative;}
.my_chess .left_img{position:absolute;left:62px;bottom:0;}
.my_chess .game-box-all{width: 870px;margin-top: 56px;position: absolute;right: 0;top: 0;}
.my_chess .ul_list{width: 100%;display: table;}
.my_chess .ul_list li{height:98px;position: relative;display: table-cell;}
.my_chess .ul_list li.active:after{content:"";width: 62px;height:1px;position: absolute;left: 38px;bottom: 0;background:#ffffff;}
.my_chess .ul_list li a{width: 124px;height: 100%;display: inline-block;text-align: center;position:relative;}
.my_chess .ul_list li a .logo_s{width: 65px;height: 50px;position:absolute;left:0;margin-top: 26px;background: no-repeat;}
/*.my_chess .ul_list li a .logo_s.ky{background-position-x:-260px;}*/
/*.my_chess .ul_list li a .logo_s.vg{background-position-x: -195px;}*/
/*.my_chess .ul_list li a .logo_s.qly{background-position-x: -118px;}*/
/*.my_chess .ul_list li a .logo_s.ly{background-position-x:  -318px;}*/
/*.my_chess .ul_list li a .logo_s.sd{background-position-x:0;}*/
/*.my_chess .ul_list li a .logo_s.fg{background-position-x: -56px;}*/
/*.my_chess .ul_list li a .logo_s.dtg{background-position-x: -335px;}*/
/*.my_chess .ul_list li a .logo_s.cq{background-position-x: -396px;}*/
/*.my_chess .ul_list li a .logo_s.tp{background-position-x: -457px;}*/
/*.my_chess .ul_list li a .logo_s.leg{background-position-x: -530px;}*/
.my_chess .ul_list li a .name_s{position:absolute;right:0;top:42px;font-size: 15px;color: #838383;}
.my_chess .ul_list li.active a .logo_s,.my_chess .ul_list li:hover a .logo_s{background-position-y:-50px;}
.my_chess .ul_list li.active a .name_s,.my_chess .ul_list li:hover a .name_s{color:#dfc98b;}
.my_chess .chess_content{width: 870px;height:774px;float:right;}
.my_chess .chess_content .chess_list{width: 100%;height:100%; position: absolute;padding: 36px 46px;filter: alpha(opacity=0);opacity:0;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;}
.my_chess .chess_content .chess_list.active{filter: alpha(opacity=100);opacity:1;z-index:11;}
.my_chess .chess_content .chess_list li{height:170px;margin-bottom: 8px;text-align: center;padding: 0;}
.my_chess .chess_content .chess_list li .link{margin-top: 10px;filter: alpha(opacity=100);opacity:1;transition: all .2s;-moz-transition: all .2s;-webkit-transition: all .2s;}
.my_chess .chess_content .chess_list li a{color:rgb(212, 212, 212);}
.my_chess .chess_content .chess_list li .link_btn{width: 112px;height:112px;display:inline-block;border: 1px solid #b58236;background:rgba(2, 2, 2,.5);border-radius: 5px;position:absolute;top:0;left:8px;font-size: 14px;line-height:38px;filter: alpha(opacity=0);opacity:0;}
.my_chess .chess_content .chess_list li:hover .link_btn{filter: alpha(opacity=100);opacity:1;}
.my_chess .chess_content .chess_list li .link_btn span{width: 80px;height: 25px;font-size: 10px;color:#000;font-weight: bold;background: no-repeat;display: inline-block;position: absolute;top: 42px;left: 16px;line-height: 25px;}
.my_chess .chess_content .chess_list li .link_btn:hover{background-position:top;color:#fff;}
.my_chess .chess_content .chess_list li:hover .link{filter: alpha(opacity=0);opacity:0;}
.my_chess .chess_content .chess_list li img{width:80%;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;}
.my_chess .chess_content .chess_list li:hover img{-webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9);}
.my_chess .ul_list li .game_marker:after {top: 20px;right: -20px;}
/*========== huntfish 捕鱼 =================*/
.myFish{position: relative;background: no-repeat center;background-attachment:fixed;}
.myFish .left_img{position: absolute;top:96px;left: 10px;-webkit-animation: ani_octopus 2s linear infinite;-moz-animation: ani_octopus 2s linear infinite;animation: ani_octopus 2s linear infinite;}
.myFish .huntfish{min-height:860px;width: 100%;background:none;}
.myFish .huntfish .main-fish .huntfishtitle{display: none;}
.myFish .huntfish .main-fish #huntfishtitle-list{width: 600px;padding-top:96px;right:0; margin:0;position: inherit;}
.myFish .huntfish .main-fish #huntfishtitle-list>a .fish-img>img{width: 130px;min-height: 106px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.myFish .huntfish .main-fish #huntfishtitle-list>a{width: 25%;height:148px;margin-bottom:0;position: relative;line-height: 120px;}
.myFish .huntfish .main-fish #huntfishtitle-list>a .start_btn{width:150px;height:140px;position: absolute;filter: alpha(opacity=0);box-shadow:none;animation:inherit !important;opacity:0;top: 0;left: 0;-webkit-transition: all 0.5s;transition: all 0.5s;font-size: 0;}
.myFish .huntfish .main-fish #huntfishtitle-list>a:hover .start_btn{filter: alpha(opacity=100);opacity:1;}
.myFish .huntfish .main-fish #huntfishtitle-list>a:hover .start_btn:before{content: "开始游戏";width: 80px;height: 25px;font-size: 10px;color:#000;font-weight: bold;display: inline-block;position: absolute;top: 66px;left: 36px;line-height: 25px;padding-left: 5px;}
.myFish .huntfish .main-fish #huntfishtitle-list>a .fish-img{margin: 10px auto;}
.myFish .huntfish .main-fish #huntfishtitle-list>a:hover .fish-img img{margin-top: 6px;-webkit-transform: scale(.78);-ms-transform: scale(.78);transform: scale(.78);}
.myFish video{left: 50%;transform: translateX(-50%);top: 0}
@keyframes ani_octopus{0%{top: 96px;}50%{top: 106px;}100%{top: 96px;}}
/*========== promo 优惠 =================*/
.myPromo main{background: #f5f5f5;}
.myPromo .main-promo.theme-white{margin-top: 36px;padding: 0;background: #f5f5f5;}
.myPromo .main-promo.theme-white .promo-top-bar{min-height: 90px;padding-right: 290px;background: #ffffff;border: 1px solid #fff;border-radius: 8px;}
.myPromo .main-promo .promo-top-bar > ul{ padding: 14px 0;}
.myPromo .main-promo .promo-top-bar > ul li{height:40px;margin: 10px 8px;padding: 0 0 0 30px;line-height: 36px;}
.myPromo .main-promo.theme-white .promo-top-bar > ul li a{color: #010101;font-size: 15px;}
.myPromo .main-promo.theme-white .promo-top-bar > ul li a:before{content:"";width: 28px;height: 26px;display: inline-block;position: absolute;top: 3px;left: 0;}
.myPromo .main-promo.theme-white .promo-top-bar > ul li:nth-child(1) a:before{background-position-x:-3px;}
.myPromo .main-promo.theme-white .promo-top-bar > ul li:nth-child(2) a:before{background-position-x:-31px;}
.myPromo .main-promo.theme-white .promo-top-bar > ul li:nth-child(3) a:before{background-position-x:-61px;}
.myPromo .main-promo.theme-white .promo-top-bar > ul li:nth-child(4) a:before{background-position-x:-92px;}
.myPromo .main-promo.theme-white .promo-top-bar > ul li:nth-child(5) a:before{background-position-x:-122px;}
.myPromo .main-promo.theme-white .promo-top-bar > ul li:nth-child(6) a:before{background-position-x:-152px;}
.myPromo .main-promo.theme-white .promo-top-bar > ul li.active a,.myPromo .main-promo.theme-white .promo-top-bar > ul li:hover a{color: #328bc4;}
.myPromo .main-promo.theme-white .promo-top-bar > ul li.active a:before,.myPromo .main-promo.theme-white .promo-top-bar > ul li:hover a:before{background-position-y:-30px;}
.myPromo .main-promo.theme-white .promo-top-bar > ul li.active{background: none;border-bottom: 3px solid #328bc4;border-radius: 0;}
.myPromo .main-promo.theme-white .promo-top-bar > ul li:hover{background: none;}
.myPromo .main-promo.theme-white .promo-top-bar > ul li.active:after{display: none;}
.myPromo .main-promo .promo-top-bar .search-bar .input-wrap{width: 250px;height: 46px;border-radius: 25px;padding: 0 40px 0 10px;font-size: 14px;opacity: .8;}
.myPromo .main-promo.theme-white .promo-top-bar .search-bar .input-wrap .icon-search{display: none;}
.myPromo .main-promo .promo-top-bar .search-bar{ top: 20px; right: 20px; margin: 0;line-height: 45px;}
.myPromo .main-promo.theme-white .promo-top-bar .search-bar .btn-search{width: 22px;height: 22px;border-radius: 3px;border: none;color: #fff;position: absolute;top: 13px;right: 13px;font-size: 0;}
.myPromo .main-promo.theme-white .promo-top-bar .search-bar .input-wrap{background: #f7f7f7;border: 1px solid #f9f9f9;}
.myPromo .main-promo.theme-white .list-type1 .promo-item{height: 340px;border: none;border-radius: 10px;padding: 0;}
.myPromo .main-promo .list-type1 .promo-item .promo-status.processing{background: #d9b310;}
.myPromo .main-promo .list-type1 .promo-item img{height: 270px;}
.myPromo .main-promo.theme-white .list-type1 .promo-item .shadow{width: 100%;height: 100%;left:0;opacity:1;bottom:0;background: none;border-radius: 0 0 10px 10px;}
.myPromo .main-promo .list-type1 .promo-item:hover .shadow .btn-apply,.myPromo .layui-layer.layui-layer-info .layui-layer-title,
.myPromo .layui-layer.layui-layer-info .layui-layer-btn a{background-image: -moz-linear-gradient( -180deg, rgb(24, 114, 172) 0%, rgb(57, 158, 223) 100%);background-image: -webkit-linear-gradient( -180deg, rgb(24, 114, 172) 0%, rgb(57, 158, 223) 100%);background-image: -ms-linear-gradient( -180deg, rgb(24, 114, 172) 0%, rgb(57, 158, 223) 100%)}
.myPromo .main-promo .list-type1 .promo-item .btn-detail{width:100%;height:70px;display: block;top: 286px;line-height: 70px;left:0;border: none;font-size: 16px;border-radius: 0 0 10px 10px;}
.myPromo .main-promo.theme-white .list-type1 .promo-item .btn-detail{color: #424242;}
.myPromo .main-promo .list-type1 .promo-item .shadow .btn-apply{width: 100%;height: 70px;line-height:70px;display: none;left: 0;bottom: 0;margin: 0;background: none;font-size: 16px;border-radius: 0 0 10px 10px;z-index: 1001;}
.myPromo .main-promo .list-type1 .promo-item:hover .shadow .btn-apply{display: block;}
.myPromo .main-promo .list-type1 .promo-item:hover .btn-detail{display: none;}
.myPromo .main-promo .list-type1 .promo-item:hover .btn-detail{color: #fff;}
.myPromo .layui-layer.promo_detail .layui-layer-content{}
.myPromo .layui-layer.promo_detail .layui-layer-content .promo-content{padding: 30px;background: #f6f8f7;}
/*======== about 关于================*/
.main-about{background: #f2f2f2;}
.register-about{padding: 56px 0;}
.register-about .text_left,.register-about .text_right{background: #ffffff;}
.register-about .text_left{width: 168px;float: left;border-radius: 5px;}
.register-about .text_left .page-list{padding:20px;}
.register-about .text_left .page-list li{height: 58px;display: inline-block;border-bottom: 1px solid #ededed;}
.register-about .text_left .page-list li:last-child{border-bottom: none;}
.register-about .text_left .page-list li a{width: 130px;height: 100%;text-align: center;font-size:16px;color:#4c4c4c;padding: 0;line-height: 58px;border: none;}
.register-about .text_left .page-list li a span{display: inline-block;}
.register-about .text_left .page-list li a:hover,.register-about .text_left .page-list li a.active{background: #d9b310;color:#ffffff;border-radius: 5px;}
.register-about .text_right{width: 1000px;float: right;padding: 42px 52px;font-size: 14px;border-radius: 5px;}
.register-about .text_right{font-size: 14px;font-family: "PingFang";color: rgb(0, 0, 0);text-transform: uppercase;line-height: 2.143;}
.register-about .text_right .page-content{position: relative;}
.register-about .text_right h3{margin-bottom: 20px;margin-top:0;font-size: 20px;color: #093c5d;}
.register-about .text_right h3:after{content:"";width: 740px;height: 1px;position: absolute;top: 27px;right: 15px;background: #ebebeb;}

/*======== register 注册================*/
.main-register{background: #f2f2f2;}
.main-register .form-horizontal .control-label{width: 130px;text-align: left;}
.main-register .form-group .col-12-6{width: 740px; float: right;}
.main-register .form-control{height: 42px;}
.main-register .has-error .form-control{border-color: #d82e34;}
.main-register .has-success .form-control{border-color: #3c763d;}
.main-register .has-success .form-control:focus{-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #ce8483;box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #ce8483;}
.main-register .form-group .form-control.code_img{width: 578px;}
.main-register .form-group .yzm_code{position: absolute;right: 47px;width: 136px;}
.main-register .form-group .yzm_code img{height: 42px;}
.main-register .btn_div{width: 100%;text-align: center;}
.main-register .form-group .btn.btn-warning{width: 120px;height: 48px;border-radius: 3px;border-color:rgba(50,140,193,.9);background-image: -moz-linear-gradient( -180deg, rgb(11,60,93) 0%, rgb(50,140,193) 100%);background-image: -webkit-linear-gradient( -180deg, rgb(11,60,93) 0%, rgb(50,140,193) 100%);background-image: -ms-linear-gradient( -180deg, rgb(11,60,93) 0%, rgb(50,140,193) 100%);}
.main-register legend{position: relative;}
.main-register legend:before{width: 187px;display: inline-block;position: absolute;background: #fff;top: -16px;left: -6px;font-size: 20px;color: #337ab7;}
.main-register legend.title:before{content: "账号信息";}
.main-register legend.account{margin:74px 0 34px 0;}
.main-register legend.account:before{content: "个人信息";}
.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: #d82e34;font-size: 14px;}
.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label{color: #3c763d;}

	/*==================== agent 代理 ====================*/
.myAgent{height: 135px;}
.myAgent  .navbar .navbar-nav li{display: table-cell;float: none;font-size: 16px;}
.myAgent  .navbar .navbar-nav li a{color: rgb(0, 0, 0);line-height: 58px;}
.myAgent  .navbar .navbar-nav li.active a{border-bottom:3px solid rgb(50, 139, 196);color: rgb(0, 0, 0);}
.main-agent .agent .slide,.main-agent .agent .slide .slide-inner li{height:630px;}
.main-agent .agent-slide > .slide > .slide-inner{width: 100%;}
.main-agent .agent-slide > .slide,.main-agent .agent-slide > .slide > .slide-inner li,.main-agent .agent-slide > .slide > .slide-inner li a{height:630px;}
.main-agent .agent-content-wrap {background:#eee;min-height:630px;box-shadow: inset 1px 1px 15px 5px rgba(0, 0, 0, 0.4);}
.main-agent .agent-content{padding:50px 0 40px 0;color: #444;}

/* ===============page-error 错误页面=================== */
.main-error{padding-top: 136px;}
.main-error .error-code { min-height: 633px; color: #fff; padding: 10px; }
/* ===============page-game 游戏页面=================== */
.main-game { color: #fff; padding-top: 136px; }
.game-header { height: 51px; }
.game-header .nav-part { height: 51px; }
.game-header .nav-part .logo { margin-top: 0; top: 0; }
.game-header .nav-part .logo img { height: 51px; }
.game-header .header-form { background: transparent; height: 50px; }


/* ===============  电竞牛  =================== */
/*.esports .esports_api .api_item.e_esb.active{background:url(images/esb_btn_hover.png) !important;}*/