.pb-bg .t-top { height: 320px; background: url(/banner.png) no-repeat center; }
.pb-bg .t-top .tit { position: absolute; left: 118px; top: 120px; }
.pb-bg .t-top .tit1 { top: 90px; }
/* .bg4 { background: #444; border-radius:5px; } */
/*各页面游戏背景============*/
.game-bg { background: url(/slot-bg.jpg?v=2) #fafafa no-repeat center 320px; }
.ebet-bg {  background:url(../img/live_bg_11.jpg) no-repeat center 0px,  url(../img/live_bg_22.jpg) no-repeat center 281px,  url(../img/live_bg_33.jpg) no-repeat center 552px; width: 100%; height: 850px;}
.sport-bg { background: url(../sport-bj1.jpg?v=1) #fafafa no-repeat top center; }
.chess-bg { background: url(../chess-bj.jpg) #fafafa no-repeat center top; }
.other-bj { background: none; }
.sport-bg .ban{ position:absolute;}
/*游戏banner============*/
.winner-msg { float: right; margin-top: 20px; font-size: 22px; width: 300px; height: 78px; color: #fff; }
.game-bg .jackpot { position: absolute; left: 455px; top: 165px; font-size: 40px; color: #ffde00; font-weight: 700; }
.game-bg .jackpot img { position: absolute; left: 33px; top: -20px; }
/*游戏*/
.gameContainer { width: 100%; min-width: 1200px; margin: 0px auto; margin-top: 50px; margin-bottom: 25px; position: relative; }
/*游戏菜单
=========*/
.tab-menu { width: 1200px; text-align: center; margin: 0 auto; } 
.tab-menu li { width: 5.96%; height: 70px; float: left; margin-left: 7px; position: relative; }
.tab-menu #j-btnSearch { margin-left: 0; width: 70px; float: left; position: relative; }
.tab-menu #j-btnSearch .j-btnSearcha { background-color: #1ca0d9; z-index: 2; position: relative; text-align: center; height: 70px; line-height: 70px; }
.tab-menu #j-btnSearch .j-btnSearcha i { color: #fff; font-size: 32px; }
.tab-menu #j-btnSearch .searchinput { transition: all 0.5s; position: absolute; left: 70px; width: 0px; background: #fff; height: 70px; top: 0; z-index: 1; line-height: 70px; }
.tab-menu #j-btnSearch .searchinput input { border: 0; outline: none; font-size: 18px; width: 90%; height: 40px; margin-left: 10px; }
.tab-menu #j-btnSearch .searchinput button { width: 70px; height: 70px; border: 0; outline: none; text-align: center; line-height: 70px; background-color: #1ca0d9;  color: #ffffff; position: absolute; top: -1px; right: 0; }
.tab-menu li:nth-of-type(1) { margin-left: 35px; }
.tab-menu a { height: 70px; display: block; cursor: pointer; border: 1px solid #ddd; border-radius: 5px; position: relative; line-height: 70px; text-align: center; color: #333; background: #ffffff; font-size: 15px; }
.tab-menu .active a, .tab-menu a:hover { background: #1ca0d9; color: #fff; }
.tab-menu a .icon-hot { position: absolute; left: 0; top: 1px; font-size: 36px; color: #f00; line-height: 1; }
.tab-menu li a .icon-search { font-size: 25px; color: #ffffff; }
.fixdSearch { position: fixed; z-index: 10000; top: 0; background: #ededed; margin: 0; height: 100px; }
.fixdSearch .tab-menu { margin-top: 15px; }
.fixdSearch a { background: rgba(255, 255, 255, .8); }
.search-info .search-hd { position: absolute; right: -40px; top: 0; height: 100%; width: 35%; background: url(/jackpot-box.png) no-repeat; background-size: 100% 100%; }
.search-info .search-hd .dal { -webkit-text-stroke: 1px #922300; text-shadow: 1px 1px 2px #fff36f; font-size: 30px; position: absolute; left: 153px; z-index: 0; color: #fff36f; bottom: 40px; }
.search-info .search-hd p { -webkit-text-stroke: 1px #922300; text-shadow: 1px 1px 2px #fff36f; font-size: 30px; position: absolute; left: 160px; z-index: 0; color: #fff36f; }
.search-info .search-hd p:nth-of-type(1) { bottom: 40px; left: 180px; }
.search-info .search-hd p:nth-of-type(2) { bottom: 6px; left: 155px; font-size: 27px; }
/*游戏搜索表单*/
.txtScroll-top { margin-top: 40px; float: left; overflow: hidden; position: relative; }
.txtScroll-top .infoList li { height: 80px; margin-left: 20px; }
.txtScroll-top .infoList a { color: #fff; }
.txtScroll-top .infoList em { color: #f89520; } 
.search-info .search-input { position: absolute; right: 20px; top: 40px; }
.search-info .search-input .tit { line-height: 33px; float: left; font-size: 16px; color: #fff; }
.search-info .label, .search-info .search-row dt { display: inline-block; vertical-align: middle; color: #333; width:70px; text-align: left;  }
.left-tools { position: fixed; left: 0; top: 47%; }
.left-tools a { width: 70px; height: 70px; margin-bottom: 10px; border-radius: 50%; background: #1ca0d9; display: block; position: relative; color: #fff; padding-top: 5px; line-height: 28px; }
.left-tools a:nth-of-type(2) { background: #f89520; }
.left-tools a:nth-of-type(3) { background: #1ca0d9; }
.left-tools a i { display: block; font-size: 22px; }
.left-tools .icon-xingxing1{ position:absolute; left:33%; top:5px;}
.left-tools .num-g { width: 18px; height: 18px; background: #ff343d; border-radius: 50%; display: inline-block; position: absolute; right: 0; top: 0; color: #fff; line-height: 18px; }
/*游戏搜索*/
.search-info .ipt-group { float: left; position: relative; display: inline-block; vertical-align: middle; }
.search-info .ipt-group .ipt { width: 150px; height: 33px; border-radius: 5px; border: none; padding-left: 5px; line-height: 33px; background: #333; color: #f89520; }
.search-info .ipt-group .iconfont { position: absolute; font-size: 20px; color: #5c5853; top: 2px; left: 3px; }
.search-info .btn-search { width: 46px; height: 33px; float: left; line-height: 33px; display: inline-block; border-radius: 0 5px 5px 0; vertical-align: middle; color: #fff; transition: all .4s; }
.search-info .btn-resh { height: 37px; line-height: 37px; display: inline-block; color: #222; padding: 0 20px; margin-top: 20px; font-weight: 700; border-radius: 5px; }
.search-info .btn-ss { background: #f89520; }
.search-info .btn-ss:hover { background: #ff7e00; }
.search-info .select-list { width: 100%; display: none; position: absolute; z-index: 9; left: 0; right: 0; top: 30px; background: rgba(0, 0, 0, 0.4); }
.search-info .select-list a { display: block; color: #fff; padding: 6px 6px 6px 12px; text-align: left; border-top: 1px solid #323539; transition: all .3s; }
.search-info .select-list a:hover { background: #1b1f23; }
.search-info .search-bd { position: relative; height: 145px; }
.search-info .search-bd .gamelist-name { height: 100%; background-color: rgb(255, 255, 255); border: 1px solid rgb(230, 230, 230); width: 66%; overflow: hidden; }
.search-info .search-bd .gamelist-name form { height: 100%; margin-left:10px; }
.search-info .search-row { height:34px; line-height:34px; }
.search-info .search-row dt, .search-info .search-row dd { display: inline-block; vertical-align: middle; }
.search-info .search-row a { color: #333; display: inline-block; min-width:40px; text-align: center; line-height: 26px; padding: 0 10px; transition: .5s all; position:relative;}
.search-info .search-row i { width: 11px; height: 11px; margin-right: 3px; background: url(../images/top-ico.png) no-repeat -56px -48px; display: inline-block; right:-8px !important; top:-8px !important; position:absolute;}


.search-info .search-row .active, .search-info .search-row a:hover { background-color: #1ca0d9; color: #FFFFFF; border-radius: 4px; }
.search-info .btn.btn-two { color: #fb9b08; padding: 10px; line-height: 1; height: auto; }
.search-info .btn.btn-two .iconfont { font-size: 42px; display: block; margin: 0 auto 10px; }
.jackpot-box { width: 80%; height: 120px; float: right; background: #222; border-radius: 0 5px 5px 0; position: relative; }
.jackpot-box img { position: absolute; top: 10px; left: 25px; }
.jackpot-box .num-item { width: 50px; height: 67px; margin: 27px 0 0 5px; border-radius: 6px; display: inline-block; line-height: 67px; background: url(../dt.jpg) repeat-x; font-size: 46px; color: #572700; text-align: center; }
.jackpot-box .dt-dackt { margin-left: 170px; }
.search-rowhide { position: absolute; overflow: hidden; z-index: -1; }
.select-list { width: 94%; }
.select-list a { height: 43px; font-size: 16px; border: 0; line-height: 43px; background: #282b2d; border-bottom: 1px solid #444; border-radius: 0; text-align: left; padding-left: 20px; color: #fff; }
/*游戏列表和详情==============*/
.game-list { font-size: 0; margin-left: -15px; margin-right: -15px; margin-bottom: 50px; }
.game-info { transition: all .3s; width: 280px; height: 280px; float: left; position: relative; margin: 30px 13px 0 13px; overflow: hidden; border-radius: 5px; background-color: #fff; padding: 14px; border: 1px solid #e6e6e6; box-sizing: border-box; }
.game-info:hover { box-shadow: 0px 0px 15px rgba(0, 0, 0, .3); }
.game-info:nth-child(-n+8) { -webkit-animation-duration: .8s; animation-duration: .8s; }
.game-info:nth-child(1) { animation-delay: .4s; }
.game-info:nth-child(2) { animation-delay: .5s; }
.game-info:nth-child(3) { animation-delay: .6s; }
.game-info:nth-child(4) { animation-delay: .7s; }
.game-info:nth-child(5) { animation-delay: .8s; }
.game-info:nth-child(6) { animation-delay: 1s; }
.game-info:nth-child(7) { animation-delay: 1.1s; }
.game-info:nth-child(8) { animation-delay: 1.2s; }
.game-info:nth-child(9) { animation-delay: 1.3s; }
.game-info:nth-child(10) { animation-delay: 1.4s; }
/* meng */
.game-info .game-pic { width: 250px; height: 160px; border-radius: 5px; overflow: hidden; margin: 0 auto; }
.game-qt .game-info .game-pic { height: 172px; }
.game-info .game-pic img { width: 250px; height: 160px; -webkit-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; transition: all 500ms ease-out; }
.game-info .name { padding-top: 10px; }
/* .game-info:hover .game-pic img{transform: scale(1.3)} */
.game-info .btn-wp { border-radius: 0px 0 5px 5px; width: 100%; height: 40px; z-index: 3; transition: visibility .3s, opacity .3s; text-align: center; padding-top: 5px; overflow: hidden; }
/* .game-info:hover .name { background: #ff7e00; } */
.game-info .btn-wp h4 { font-size: 16px; display: inline-block; margin: 6px; color: #333; }
.game-info .btn-wp span {  color: #666; }
/* .game-info .name h4 sub { display: block; color: #717376; font-size: 12px; margin-top: 5px; } */
/* .game-info:hover .name sub { color: #fff; opacity: 0.5; } */
.game-info .game-pic .jackpot-flag { width: 50px; height: 52px; display: inline-block; background: url(../jackpot_icon2.png?v=2) no-repeat 0 0; position: absolute; right: 12px; z-index: 100; }
.game-info .btn { height: 40px; line-height: 40px; width: 120px; display: inline-block; color: #fff;  background: #f89520; border-radius: 50px; margin-right: 0px; }
.game-info .btn.btn-play { float: right; color: #fff; border: none; margin-top: 0; background: #1ca0d9; }
.game-info .btn.btn-play[target='CQ9Game'], .game-info .btn.btn-play[target='LGGame'] { width: 100%; }
/* .game-info .btn.btn-demo{float:left;} */
/* .game-info .btn:hover { background: #0671aa; } */
/* .game-info:hover .btn { opacity: 1; visibility: visible; left: 50%; } */
.game-info .btn-play em { width: 13px; height: 12px; vertical-align: middle; display: inline-block; background: url(../jt1.png) no-repeat 0 0; -moz-animation: 150ms ease-in 0s alternate none infinite stariconBeat; -webkit-animation: 150ms ease-in 0s alternate none infinite stariconBeat; animation: 150ms ease-in 0s alternate none infinite stariconBeat; }
.game-info .image_text { height: 20px; line-height: 20px; display: inline-block; color: #333; font-size: 16px; position: relative; top: 4px; }
.game-info .image_text .iconfont { width: 20px; height: 20px; display: inline-block; background: url(../like.png) no-repeat center; background-size: 100%; position: relative; top: 4px; margin-left: 8px; }
.game-info .image_text .icon-shoucang1 { background-position: 0 0; }
.game-info .image_text .icon-shoucang { background-position: 0 -20px; }
/*捕鱼游戏==============*/
/* .fish-bj{background: url(../fish-bj.jpg?v=1) #000 no-repeat center top;} */
.fish-bj .pb-bg { background: url(../fish-bj.jpg?v=1) no-repeat; padding-bottom: 112px; }
.fish-bj #footer { margin-top: 0px; }
.pb-bg .fish-top .tit { position: absolute; left: -50px; top: 50px; }
.fish-ban { margin-top: 60px; float: right; position: relative; }
.fish-ban .money { animation: a-float 2.4s linear infinite; position: absolute; top: -30px; }
.fish-ban .money1 { right: 0; }
.fish-ban .money2 { left: -780px; top: 140px; }
.ul-game { overflow: hidden; height: 678px; margin-top: 60px; }
.ul-game li { height: 225px; margin-bottom: 20px; overflow: hidden; transition: all 0.4s; position: relative; width: 310px; float: left; margin-left: 52px; margin-top: 75px; }
.ul-game li:nth-of-type(1) { background: url(../ag-fish.png) no-repeat; background-size: 100% 100%; }
 
.ul-game li:nth-of-type(2) { background: url(../ttg-fish.png) no-repeat; background-size: 100% 100%; }
.ul-game li:nth-of-type(3) { background: url(../sw-jc.png) no-repeat; background-size: 100% 100%; }
.ul-game li:nth-of-type(6) { background: url(../mw-fish.png) no-repeat; background-size: 100% 100%; }
.ul-game li .fish-box { margin-top: 95px; }
.fish-box .btn-fish { width: 200px; height: 50px; display: inline-block; font: 500 22px "Microsoft YaHei"; color: #fff; background: url('/byanniu.png') no-repeat; background-size: 100% 100%; line-height: 50px; margin-top: 18px; -webkit-text-stroke: 0.2px #333; text-decoration: none; }
.ul-game li:hover .btn-fish { background: url('/byanniu-hover.png') no-repeat; background-size: 100% 100%; }
.fish-box p { font: 14px "Microsoft YaHei"; line-height: 30px; text-align: center; line-height: 20px; color: rgb(177, 233, 255); }
.fish { position: absolute; top: -140px; right: -50px; z-index: 9; }
/* 彩票游戏 */
.other-bj .pb-bg .t-top { height: 320px; background: url(/other-banner.jpg) no-repeat center; }
.other-container { width: 100%; background: url(/other-ulbg.jpg) no-repeat }
.other-game { overflow: hidden; width: 1200px; margin: 0 auto; height: 100%; padding-bottom: 50px; }
.other-game li { margin-left: 20px; margin-top: 45px; float: left; border: 1px solid solidrgb(230, 230, 230); background-color: rgb(255, 255, 255); box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.1); width: 380px; height: 440px; padding: 15px; }
/* .other-game li:nth-of-type(1){margin-left: 0;} */
.other-game li div { margin-top: 10px; }
.other-game li div h3 { color: rgb(102, 102, 102); font-size: 24px; }
.other-game li div p { color: rgb(102, 102, 102); }
.other-game li div a { border-radius: 5px; background-color: rgb(28, 160, 217); width: 100%; height: 50px; line-height: 50px; z-index: 58; display: inline-block; font-size: 18px; color: #fff; margin-top: 20px; }
.other-game li:hover div a { background-color: #f89520; }
/*真人游戏*/
.ebet-bg .pb-bg .t-top { height: 320px; background: url(/ebet-banner.png) no-repeat center; }
/*体育电竞*/
.sport-bg .pb-bg .t-top { height: 320px; background: url(/sport-banner.png) no-repeat center; }
/*棋牌游戏==============*/
.chess-bg .pb-bg .t-top { height: 400px; background: url(/chess-banner.jpg) no-repeat center;border-bottom: 5px solid #008df3; }
.chess-bg .pb-bg .tab-chess { margin-top: -73px; overflow: hidden;}
.chess-bg .pb-bg .seach-center { overflow: hidden; padding-bottom: 50px; margin-top: 2%;}
.tab-chess li {
 width: 219px;
 height: 68px;
 background: url(../chess/tab2.png) no-repeat;
 float: left;
 margin-right: -41px;
}
.tab-chess li:nth-of-type(1) {
 width: 226px;
 height: 68px;
 background: url(../chess/tab1.png) no-repeat;
}
.tab-chess li a {
 width: 100%;
 height: 100%;
 line-height: 68px;
 text-align: center;
 display: block;
 font-family: "Microsoft YaHei";
 color: #333;
 font-size: 17px;
 font-weight: 500;
 text-transform: uppercase;
}
.tab-chess li.active a{
 font-size: 20px;
}
.tab-chess li:hover,
.tab-chess li.active {
 background: url(../chess/tab2-h.png) no-repeat;
}
.tab-chess li:nth-of-type(1):hover,
.tab-chess li:nth-of-type(1).active {
 background: url(../chess/tab1-h.png) no-repeat;
}
.tab-chess li:hover a,
.tab-chess li.active a {
 color: #FFFFFF;
}
.tab-chess li:nth-of-type(1) a{
 padding-right: 8%;
}
.ul-chess li { border: 1px solid #e6e6e6; box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.1); width: 378px; height: 218px; float: left; margin-left: 30px; margin-top: 25px; padding: 9px; background: #fff; }
/*.ul-chess .pic{ position:absolute;left:0;top:0;} */
/*
.ul-chess li:nth-child(3), .ul-chess li:nth-child(6), .ul-chess li:nth-child(9), .ul-chess li:nth-child(12), .ul-chess li:nth-child(15){ margin-left:0;}
 */
.ul-chess li:nth-of-type(1) { margin-left: 0; }
.ul-chess li:nth-child(3n+1) { margin-left: 0; }
.ul-chess .chess-box { margin-right: 18px; text-align: center; }
.ul-chess .chess-box span { margin-top: 20px; display: inline-block; }
.ul-chess h3 { font: 400 18px/43px "Microsoft YaHei"; color: #333; }
.ul-chess .btn-fish { width: 120px; height: 40px; display: inline-block; border-radius: 25px; font: 400 16px "Microsoft YaHei"; color: #333; border: 1px solid #333; line-height: 40px; margin-top: 37px; }
.ul-chess li:hover { background-color: #effaff; }
.ul-chess li:hover .btn-fish { background: #1ca0d9; color: #fff; border: 0; }
.ul-chess li img { border-radius: 5px; }
@-moz-keyframes stariconBeat {  0% {
 -moz-transform: translateX(-2px);
 transform: translateX(-2px)
}
 100% {
  -moz-transform: translateX(2px);
  transform: translateX(2px)
 }
}
@-webkit-keyframes stariconBeat {  0% {
 -webkit-transform: translateX(-2px);
 transform: translateX(-2px)
}
 100% {
  -webkit-transform: translateX(2px);
  transform: translateX(2px)
 }
}
@keyframes stariconBeat {  0% {
 -moz-transform: translateX(-2px);
 -ms-transform: translateX(-2px);
 -webkit-transform: translateX(-2px);
 transform: translateX(-2px)
}
 100% {
  -moz-transform: translateX(2px);
  -ms-transform: translateX(2px);
  -webkit-transform: translateX(2px);
  transform: translateX(2px)
 }
}
@-webkit-keyframes a-float {  0%, 100% {
 -webkit-transform: translateY(0);
}
 25% {
  -webkit-transform: translateY(10%);
 }
 75% {
  -webkit-transform: translateY(-10%);
 }
}
@keyframes a-float {  0%, 100% {
 transform: translateY(0);
}
 25% {
  transform: translateY(10%);
 }
 75% {
  transform: translateY(-10%);
 }
}

/* 捕鱼动画 */
@charset "utf-8";
body, div { margin: 0; padding: 0 }
.aquarium { position: absolute; width: 100%; height: 100%; overflow: hidden; z-index: 0; }
.fish_box { display: inline-block; }
.fishGroup .fish_wrap:nth-child(2) .fish_box { -webkit-transform: translate(-100%, -50%); transform: translate(-100%, -50%); }
.fishGroup .fish_wrap:nth-child(3) .fish_box { -webkit-transform: translate(-150%, 25%); transform: translate(-150%, 25%); }
.fishGroup .fish_wrap:nth-child(4) .fish_box { -webkit-transform: translate(-250%, 65%); transform: translate(-250%, 65%); }
.fishGroup .fish_wrap:nth-child(5) .fish_box { -webkit-transform: translate(-320%, -25%); transform: translate(-320%, -25%); }
.left_right_1 { position: absolute; width: 100%; height: 70%; }
.left_right_1 .x { display: inline-block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-animation: left_right_1_x 70s linear infinite; animation: left_right_1_x 70s linear infinite; }
@-webkit-keyframes left_right_1_x {  0% {
 left: 0%;
}
 100% {
  left: 150%;
 }
}
.left_right_1 .y { display: inline-block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-animation: left_right_1_y 1.5s ease infinite; animation: left_right_1_y 1.5s ease infinite; }
@-webkit-keyframes left_right_1_y {  0% {
 top: 15%;
}
 30% {
  top: 16%;
 }
 50% {
  top: 15%;
 }
 70% {
  top: 16%;
 }
 100% {
  top: 15%;
 }
}
.left_right_2 { position: absolute; width: 100%; height: 70%; }
.left_right_2 .x { display: inline-block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-animation: left_right_2_x 25s linear infinite; animation: left_right_2_x 25s linear infinite; }
@-webkit-keyframes left_right_2_x {  0% {
 left: 0%;
}
 100% {
  left: 150%;
 }
}
.left_right_2 .y { display: inline-block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-animation: left_right_2_y 25s ease-in-out infinite; animation: left_right_2_y 25s ease-in-out infinite; }
@-webkit-keyframes left_right_2_y {  0% {
 top: 25%;
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
 25% {
  -webkit-transform: rotateZ(-20deg);
  transform: rotateZ(-20deg);
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
 }
 50% {
  top: 0%;
 }
 75% {
  -webkit-transform: rotateZ(10deg);
  transform: rotateZ(10deg);
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
 }
 100% {
  top: 50%;
  -webkit-transform: rotateZ(10deg);
  transform: rotateZ(10deg);
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
 }
}
.left_right_3 { position: absolute; width: 100%; height: 70%; }
.left_right_3 .x { display: inline-block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-animation: left_right_3_x 60s linear infinite; animation: left_right_3_x 60s linear infinite; }
@-webkit-keyframes left_right_3_x {  0% {
 left: 0%;
}
 100% {
  left: 150%;
 }
}
.left_right_3 .y { display: inline-block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-animation: left_right_3_y 60s ease-in-out infinite; animation: left_right_3_y 60s ease-in-out infinite; }
@-webkit-keyframes left_right_3_y {  0% {
 top: 50%;
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
 25% {
  top: 80%;
  -webkit-transform: rotateZ(40deg);
  transform: rotateZ(40deg);
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
 }
 38% {
  top: 80%;
  -webkit-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
 }
 50% {
  top: 80%;
  -webkit-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
 }
 75% {
  -webkit-transform: rotateZ(40deg);
  transform: rotateZ(40deg);
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
 }
 100% {
  top: 25%;
  -webkit-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
 }
}
.right_left_1 { position: absolute; width: 100%; height: 100%; transforM: scaleX(-1); }
.right_left_1 .x { display: inline-block; position: absolute; left: 0; top: 0; width: 100%; height: 70%; -webkit-animation: right_left_1_x 25s linear infinite; animation: right_left_1_x 25s linear infinite; }
@-webkit-keyframes right_left_1_x {  0% {
 left: 0%;
}
 100% {
  left: 150%;
 }
}
.right_left_1 .y { display: inline-block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-animation: right_left_1_y 25s ease-in-out infinite; animation: right_left_1_y 25s ease-in-out infinite; }
@-webkit-keyframes right_left_1_y {  0% {
 top: 75%;
}
 100% {
  top: 75%;
 }
}
.right_left_2 { position: absolute; width: 100%; height: 70%; transforM: scaleX(-1); }
.right_left_2 .x { display: inline-block; position: absolute; left: 0; top: 0; width: 100%; height: 70%; -webkit-animation: right_left_2_x 30s linear infinite; animation: right_left_2_x 30s linear infinite; }
@-webkit-keyframes right_left_2_x {  0% {
 left: 0%;
}
 100% {
  left: 100%;
 }
}
.right_left_2 .y { display: inline-block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-animation: right_left_2_y 30s ease-in-out infinite; animation: right_left_2_y 30s ease-in-out infinite; }
@-webkit-keyframes right_left_2_y {  0% {
 top: 100%;
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
 25% {
  -webkit-transform: rotateZ(-20deg);
  transform: rotateZ(-20deg);
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
 }
 50% {
  top: 0%;
 }
 75% {
  -webkit-transform: rotateZ(20deg);
  transform: rotateZ(20deg);
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
 }
 100% {
  top: 100%;
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
 }
}
.right_left_3 { position: absolute; width: 100%; height: 100%; transforM: scaleX(-1); }
.right_left_3 .x { display: inline-block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-animation: right_left_3_x 35s linear infinite; animation: right_left_3_x 35s linear infinite; }
@-webkit-keyframes right_left_3_x {  0% {
 left: 0%;
}
 100% {
  left: 100%;
 }
}
.right_left_3 .y { display: inline-block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-animation: right_left_3_y 35s ease-in-out infinite; animation: right_left_3_y 35s ease-in-out infinite; }
@-webkit-keyframes right_left_3_y {  0% {
 top: 50%;
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
 25% {
  -webkit-transform: rotateZ(20deg);
  transform: rotateZ(20deg);
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
 }
 50% {
  top: 90%;
 }
 75% {
  -webkit-transform: rotateZ(-20deg);
  transform: rotateZ(-20deg);
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
 }
 100% {
  top: 50%;
  -webkit-transform: rotateZ(-50deg);
  transform: rotateZ(-50deg);
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
 }
}
.right_left_4 { position: absolute; width: 100%; height: 70%; transforM: scaleX(-1); }
.right_left_4 .x { display: inline-block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-animation: right_left_4_x 50s linear infinite; animation: right_left_4_x 50s linear infinite; }
@-webkit-keyframes right_left_4_x {  0% {
 left: 0%;
}
 100% {
  left: 100%;
 }
}
.right_left_4 .y { display: inline-block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-animation: right_left_4_y 50s ease-in-out infinite; animation: right_left_4_y 50s ease-in-out infinite; }
@-webkit-keyframes right_left_4_y {  0% {
 top: 50%;
 -webkit-transform: rotateZ(0deg);
 transform: rotateZ(0deg);
 -webkit-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
}
 25% {
  -webkit-transform: rotateZ(20deg);
  transform: rotateZ(20deg);
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
 }
 50% {
  top: 90%;
 }
 75% {
  -webkit-transform: rotateZ(-20deg);
  transform: rotateZ(-20deg);
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
 }
 100% {
  top: 50%;
  -webkit-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
 }
}
.fish_1 { background: url(../fish/fish1.png) no-repeat 0 0; width: 55px; height: 37px; -webkit-animation: fish_1_play 0.5s steps(4) infinite; animation: fish_1_play 0.5s steps(4) infinite; }
@-webkit-keyframes fish_1_play {  0% {
 background-position: 0 0
}
 100% {
  background-position: 0 -148px
 }
}
.fish_2 { background: url(../fish/fish2.png) no-repeat 0 0; width: 78px; height: 64px; -webkit-animation: fish_2_play 0.5s steps(4) infinite; animation: fish_2_play 0.5s steps(4) infinite; }
@-webkit-keyframes fish_2_play {  0% {
 background-position: 0 0
}
 100% {
  background-position: 0 -256px
 }
}
.fish_6 { background: url(../fish/fish6.png) no-repeat 0 0; width: 105px; height: 79px; -webkit-animation: fish_6_play 1.5s steps(8) infinite; animation: fish_6_play 1.5s steps(8) infinite; }
@-webkit-keyframes fish_6_play {  0% {
 background-position: 0 0
}
 100% {
  background-position: 0 -632px
 }
}
.fish_7 { background: url(../fish/fish7.png) no-repeat 0 0; width: 92px; height: 151px; -webkit-animation: fish_7_play 1s steps(6) infinite; animation: fish_7_play 1s steps(6) infinite; }
@-webkit-keyframes fish_7_play {  0% {
 background-position: 0 0
}
 100% {
  background-position: 0 -906px
 }
}
.fish_8 { background: url(../fish/fish8.png) no-repeat 0 0; width: 174px; height: 126px; -webkit-animation: fish_8_play 1s steps(8) infinite; animation: fish_8_play 1s steps(8) infinite; }
@-webkit-keyframes fish_8_play {  0% {
 background-position: 0 0
}
 100% {
  background-position: 0 -1008px
 }
}
.fish_9 { background: url(../fish/fish9.png) no-repeat 0 0; width: 166px; height: 183px; -webkit-animation: fish_9_play 1s steps(8) infinite; animation: fish_9_play 1s steps(8) infinite; }
@-webkit-keyframes fish_9_play {  0% {
 background-position: 0 0
}
 100% {
  background-position: 0 -1464px
 }
}
.fish_10 { background: url(../fish/fish10.png) no-repeat 0 0; width: 178px; height: 187px; -webkit-animation: fish_10_play 1s steps(6) infinite; animation: fish_10_play 1s steps(6) infinite; }
@-webkit-keyframes fish_10_play {  0% {
 background-position: 0 0
}
 100% {
  background-position: 0 -1122px
 }
}
/*fish.css*/

#fishBody { position: fixed; height: 100%; max-width: 1920px; overflow: hidden; margin: 0 auto; width: 100%; left: 0; top: 100px; }
.content { position: relative; width: 1200px; overflow: hidden; z-index: 5; margin: 0 auto; background: rgba(255, 255, 255, .5); }
.content #items { width: 100%; overflow: hidden; margin: 0 auto; position: relative; }
#items .item { margin: 20px; padding: 20px; background: #fff; }
#items .item .title { overflow: hidden; margin-left: 20px; }
#items .item .title img { float: left; }
#items .item .title h1 { float: left; color: #333; font-size: 24px; margin-left: 20px; }
#items .item .title h1 span { color: #fd4747; font-size: 48px; }
 
#items .item .box-left { position: relative; float: left; width: 56.3%; height: 261px; }
#items .item .box-left .box-demo .icon { position: absolute; top: 0; left: 0; width: 98px; height: 98px; background: url(../fish/hot.png) no-repeat center top; }
.mark-box { position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; background: rgba(0, 0, 0, .5); }
.mark-box .join-game { position: absolute; bottom: 36%; left: 30%; z-index: 200; width: 36.2%; height: 46px; line-height: 46px; text-align: center; background: #fd4747; opacity: 1; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.mark-box .try-game { background: #9f7340; bottom: 60%; }
.mark-box .try-game1 { background: #9f7340; bottom: 40%; }
.mark-box .join-game > a { font-size: 16px; color: #fff; display: block; width: 100%; height: 100%; }
.join-game:hover { height: 51px; background: #a2230b; border-bottom: 5px solid #821400; }
.try-game:hover, .try-game1:hover { height: 51px; background: #c6955c; border-bottom: 5px solid #9f7340; }
#items .item .box-left:hover .mark-box { opacity: 1; transform: translateY(-4px); box-shadow: 8px 8px 10px rgba(255, 255, 255, .65); transition: all .3s; }
#items .item .item-box .box-right { float: left; width: 43.7%; height: 261px; }
#items .item .item-box .box-right .main-content p { padding: 0 0 30px 20px; color: #333; }
#items .item .item-box div.code-container { width: 100%; height: 136px; overflow: hidden; }
#items .item .item-box div.code-container div { position: relative; height: 100%; display: inline-block; overflow: hidden; }
#items .item .item-box div.code-container div:first-child { width: 304px; }
#items .item .item-box div.code-container div:first-child span { position: absolute; top: 0; right: 0; width: 140px; height: 30px; line-height: 30px; text-align: center; color: #fff; background: #fd4747; }
#items .item .item-box div.code-container div:last-child { text-align: center; }
#items .item .item-box div.code-container div:last-child img { padding: 0 20px; }
#items .item .item-box div.code-container div:first-child .pt-down { position: absolute; top: 53px; right: 82px; width: 140px; height: 30px; line-height: 30px; text-align: center;  background: #fd4747; }
.code-container .pt-down > a { color: #fff; display: block; width: 100%; height: 100%; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
#items .code-container .pt-down:hover a { background: #821400;/*border-bottom: 5px solid #821400;*/
}
#items .code-container .pt-touch img { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
#items .code-container .pt-touch:hover img { opacity: .8; transform: scale(.95); }
.full-btn { width: 100% !important; }

.sport-game { width: 1200px; margin: 0 auto; } 
.sp .li {  margin: 220px 80px 0 0; display: inline-block; text-align: center; position: relative; }
.sp .center img{margin:60px 0 0 0;}
.sp .li:last-child{  margin:200px 0 0; }
 

.sp .btn-fish{ display: block; left: 50px; top: 170px; position: absolute; }
.sb-game{width: 219px; height: 111px; background: url(../sports/sb-btn.png?v=2) no-repeat center; }
.yf-game{width: 250px; height: 117px;top: 250px !important; left: 90px !important; background: url(../sports/yf-btn.png?v=2) no-repeat center;}
.av-game { width: 220px; height: 114px;background: url(../sports/av-btn.png?v=2) no-repeat center;  }
.sb-game:hover { background: url(../sports/sb-btn-hover.png?v=2) no-repeat center; }
.yf-game:hover { background: url(../sports/yf-btn-hover.png?v=2) no-repeat center; }
.av-game:hover { background: url(../sports/av-btn-hover.png?v=2) no-repeat center; }

 
.fc_cont { margin: 0 auto; width: 100%; text-align: center; position: relative; top: 600px; }
.fc_cont ul { margin: 0; padding: 0; list-style: none; }
.fc_cont ul li { display: inline-block; }
.fc_cont ul li + li { margin-top: 12px; margin-left: 12px; }
.fc_wrapper { width: 194px; height: 199px; box-sizing: border-box; perspective: 1000px; }
.fc_wrapper:hover .fc_inner { transform: translateY(-20px) rotateY(-180deg); }
.fc_inner { position: relative; width: 100%; height: 100%; transform-style: preserve-3d;  transform-origin: center center; transition: transform 0.8s; }
.fc_front { position: absolute; z-index: 4; left: 0; top: 0; width: 100%; height: 100%; backface-visibility: hidden; }
.fc_back { position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; transform-origin: center center; transform: rotateY(180deg); backface-visibility: hidden; }
.fc_front { position: absolute; z-index: 4; left: 0; top: 0; width: 100%; height: 100%; }
.fc_back { position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; transform-origin: center center; transform: rotateY(180deg); }
.fc_front img, .fc_back img { width: 100%; height: 100%; }
#live-game .j-play { background: url(../img/button.png) no-repeat bottom; width: 100%; height: 100%; display: block; position: relative; margin: 0 auto; bottom: 210px; cursor: pointer; }
#live-game .j-play:hover { background: url(../img/button-hover.png) no-repeat bottom; }
svg.icon { width: 1.4em; height: 1.4em; vertical-align: -0.40em; fill: currentColor; overflow: hidden; }
.left-tools .icon { display: block; margin: 0 auto; width: 1.6em; height: 1.6em; margin-top: 2px; }