/* CSS Document */ .mod-tags a,.mod-promotions .menu-sub ul li a{background:url(../images/btn_bg_spirits.png) repeat-x;} /* 首页 */ .mod-home .mod-banner{max-height:820px;} .mod-home .slide-wrap ul li{height:auto;} .home-platform li{width:100%; height:360px; background: no-repeat center top url(../d11_images/home/home_platform_01.jpg?1), #eee url(../images/home/home_platform_01.jpg?1) ; margin-bottom:20px; color:#444444; overflow:hidden;} .home-platform li.home-sports{background-image:url(../d11_images/home/home_platform_02.jpg?2), url(../images/home/home_platform_02.jpg?3);} .home-platform li.home-games{background-image:url(../d11_images/home/home_platform_03.jpg?1), url(../images/home/home_platform_03.jpg?1);} .home-platform li .layout{position:relative;} .home-platform li .platform-info{padding:0 0 0 60px;} .home-platform li h2{font-size:35px;} .home-platform li p{font-size:16px;} .home-platform li span{display:block; font-size:16px;} .home-platform li.home-live h2{padding-top:70px;} .home-platform li.home-live .live-jackpot{margin-left:-9px;} .home-platform li.home-sports h2{padding-top:55px;} .home-platform li.home-games h2{padding-top:80px;} .home-platform li a.platform-link-btn{background:url(../images/btn_spirits.png) no-repeat; display:block; width:132px; height:45px; margin:30px 0; line-height:45px; text-align:center; color:#fff; font-size:18px;} .home-platform li a.platform-link-btn:hover{background-position:0 -46px;} .home-sponsor img{width:100%;} .introduce-top{width:100%;padding-bottom:20px;background:no-repeat left top url(../d11_images/home/introduct.jpg), #e8e8e8 no-repeat left top url(../images/home/introduct.jpg);background-size:auto 100%;} .introduce-top .layout{width:1240px;} .introduce-top h2{padding:30px 0 16px;font-size:30px;color:#fe982f;font-weight:bold;} .introduce-top h2 em{font-size:12px;font-weight:normal;} .introduce-top .fr{width:50%;padding-left:105px;} .introduce .introduce-top ul{padding:0;display:flex;justify-content: space-between;} .introduce .introduce-top ul li {width:15%;} .introduce-top ul li > div{font-size:40px;color:#55535c;} .introduce-top ul li > div em{font-size:40px;} .introduce .introduce-top ul li p{width:100%} .introduce-info{display:inline-flex;justify-content: space-between;margin-top:20px;} .introduce-info > div{width:45%;} .introduce-info > div h2{padding:0;} .introduce-info > div h3{font-size:18px;color:#fe982f;font-weight:bold;margin:20px 0 5px;} .introduce-info > div p{color:#969698;font-size:12px;} .introduce-speed{width:63%; height:230px; position:absolute; left:31%; top:12%;} .introduce-speed span{float:left; display:inline; width:19%;} .introduce-speed span img{width:100%;} .introduce-speed em{float:left; display:inline; width:8%; height:1px;} .introduce img{width:100%;} .introduce ul{padding:50px 0;} .introduce ul li{float:left; display:inline; width:25%; text-align:center;} .introduce ul li i{width:115px; height:147px; margin:20px auto; display:block;} .introduce ul li.introduce-01 i{background:url(../images/home/introduct_icons_01.gif) no-repeat;} .introduce ul li.introduce-02 i{background:url(../images/home/introduct_icons_02.gif) no-repeat;} .introduce ul li.introduce-03 i{background:url(../images/home/introduct_icons_03.gif) no-repeat;} .introduce ul li.introduce-04 i{background:url(../images/home/introduct_icons_04.gif) no-repeat;} .introduce ul li p{width:230px; margin:0 auto; color:#888;} @media screen and (min-width:1550px){ .introduce-top .fr{padding-left:90px;} } /*体育投注*/ .mod-sports .pr a{width:93px; height:90px; position:absolute; left:-130px; background: url(../d11_images/sports/sports_icons.png?1) no-repeat, url(../images/sports/sports_icons.png?1) no-repeat; z-index:99;} .mod-sports .pr a.link-tutorial{top:50px; background-position:0 -551px;} .mod-sports .pr a.link-tutorial:hover{background-position:0 -643px} .mod-sports .pr a.link-guide{background-position:0 -183px; top:150px} .mod-sports .pr a.link-guide:hover{background-position:0 -275px;} .mod-sports .pr a.link-live{top:150px} .mod-sports .pr a.link-live:hover{background-position:0 -91px} .mod-sports .pr a.link-mobile{top:350px; background-position:0 -366px} .mod-sports .pr a.link-mobile:hover{ background-position:0 -458px} .mod-sports{padding:79px 0 30px; background:url(../d11_images/sports/sports_bg_wc.jpg?1) no-repeat center top, #fff url(../images/sports/sports_bg_wc.jpg?1) no-repeat center top; background-size:cover;} .mod-sports.asiasport{background-image:url(../images/sports/sports_bg_asia.jpg?5); background-position:right center;} .mod-sports.europesport{background-image:url(../d11_images/sports/sports_bg_europe.jpg?2), url(../images/sports/sports_bg_europe.jpg?2); background-position:right center;} .mod-sports.btisport{background-image:url(../images/sports/sports_bg_bti.jpg); background-position:right center;} .mod-sports .layout1020{margin-top:10px; position:relative;} .mod-sports.europesport > .layout1020, .mod-sports.asiasport > .layout1020{width:1024px;} .mod-sports.europesport .link-live{display:none;} .mod-sports.europesport .pr a.link-guide{top:150px} @media screen and (min-width:1550px){ .mod-sports.europesport > .layout{width:1280px;} .mod-sports.europesport > .layout1020{width:1440px; padding-left:100px;} .mod-sports.asiasport > .layout{width:1200px;} .mod-sports.asiasport > .layout1020{width:1350px; padding-left:100px;} } .mod-tags{width:672px; height:34px; overflow:hidden; margin:0 auto;} .mod-tags a{width:167px; background-position:0 -389px; border-right:1px solid #fff; display:inline; float:left; text-align:center; color:#fff; font-size:14px; line-height:34px; overflow:hidden;} .mod-tags a.current,.mod-tags a:hover{color:#fff; background-position:0 -424px;} .mod-sports .bb-sport{padding:20px 0 30px; width:1000px; height:445px; margin:0 auto;} .mod-sports .bb-wrap,.mod-sports .bb-wrap a{background:url(../images/bb_sports_spirits.png) no-repeat;} .mod-sports .bb-wrap{position:relative; width:100%; height:100%;} .mod-sports .bb-wrap a{display:block; background-position:0 -470px; width:200px; height:45px; position:absolute; top:285px; left:514px; line-height:45px; text-align:center; color:#fff; font-size:18px;} .mod-sports .bb-wrap a:hover{background-position:0 -516px;} .mod-sports .sports-mode{display:none; position:absolute;width:33px;height: 170px;background: url(../images/sports/day_mode.png) center / 100% 100%; left:-33px; bottom:50px; cursor:pointer;} .mod-sports.night-mode .sports-mode{background-image:url(../images/sports/night_mode.png);} .mod-sports.msport .sports-mode{display:block;} .mod-sports.msport{background-image:url(../images/sports/sports_bg.png); background-color:#fff;} .mod-sports.night-mode.msport{background-color:#444;} .mod-sports.aisport{background:#132d37; padding-bottom:0;} .mod-sports.btisport{background:#EBEBEB; padding-bottom:0;} .mod-sports.aisport > .layout, .mod-sports.btisport > .layout{display:none;} .mod-sports.aisport .layout1020, .mod-sports.btisport .layout1020{width:100%; min-width:1440px; height:calc(100vh - 79px); margin:0 auto; padding:0;} .mod-sports.aisport .layout1020 iframe, .mod-sports.btisport .layout1020 iframe{height:100%;} .mod-sportslist{background:url(../d11_images/sports/sports_bg.jpg?2) no-repeat top center / cover,url(../images/sports/sports_bg.jpg?2) no-repeat top center / cover;} .mod-sportslist .layout{width:100%; max-width:1600px; padding:1%; box-sizing:border-box;} .mod-sportslist .jackpot-wrap{width:1000px; height:200px; background:url(../images/sports/sports_jackpot.png?2) no-repeat;} .mod-sportslist .jackpot-wrap p{color:#FF6700;margin: 10px 0 0 230px;font-family:'ShangShouYiFeiTi';font-size:60px; letter-spacing:3px; font-weight:normal;} .mod-sportslist .jackpot-wrap p em{margin-right: 30px;} .mod-sportslist .jackpot-wrap p b{text-align:center;} .mod-sportslist .sports-nav{width:1000px;padding:130px 0;} .mod-sportslist .sports-nav li{float:left; width:370px; height:271px; margin:15px auto; position:relative;} .mod-sportslist .sports-nav li.active{z-index:1;} .mod-sportslist .sports-nav li.offset{margin-left:-75px;} .mod-sportslist .sports-nav li.indent{margin-left:25px;} .mod-sportslist .sports-nav li map:hover::after{content:''; background:url(../images/sports/enter_game.png) no-repeat; width:100px; height:17px; display:block; position:absolute; bottom:-2%; right:25%;} .mod-sportslist .sports-nav li area{outline:0;} .mod-sportslist .sports-nav li img{position:absolute; left:0; top:0;} .mod-sportslist .sports-nav li .hover{display:none;} /*iframe*/ .iframe-wc,.iframe-asia,.iframe-europe{padding-top:69px; height:100vh !important; box-sizing:border-box;} /*new188 notice*/ .sports-modal-bg{position:absolute; left:50%; top:280px; background:url(../images/mask_70p.png) repeat; z-index:9999; visibility:hidden;} .sports-error{width:600px; margin-left:-300px; background:#eee; display:block !important; padding:0; margin-top:-200px; border:1px solid #ccc; overflow:hidden;} .sports-error .modal-hd{background:#555; color:#fff; font-size:16px; line-height:45px; padding:0 20px; letter-spacing:1px;} .sports-error .modal-content{margin:20px;} .sports-error .modal-content img{display:block; margin:0 auto;} .sports-error .modal-content p{font-size:14px; line-height:1.8; margin-top:20px;} .sports-error .btn{font-size:15px; padding:0 25px; display:inline; float:left; width:100px; margin:30px 10px 20px; line-height:35px; color:#fff; height:35px; text-align:center; cursor:pointer; border-radius:3px; background:#bbb; background:-moz-linear-gradient(top, #bbb 0%, #999 100%); background:-webkit-linear-gradient(top, #bbb 0%, #999 100%); background:linear-gradient(to bottom, #bbb 0%, #999 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbbbbb', endColorstr='#999999', GradientType=0 );} .sports-error .btn:hover{background:#999; background:-moz-linear-gradient(top, #999 0%, #bbb 100%); background:-webkit-linear-gradient(top, #999 0%, #bbb 100%); background:linear-gradient(to bottom, #999 0%, #bbb 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#bbbbbb', GradientType=0 );} .sports-error .btn-confirm{margin-left:130px; background:#777; background:-moz-linear-gradient(top, #777 0%, #444 100%); background:-webkit-linear-gradient(top, #777 0%, #444 100%); background:linear-gradient(to bottom, #777 0%, #444 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#444444', GradientType=0);} .sports-error .btn-confirm:hover{background:#444; background:-moz-linear-gradient(top, #444 0%, #777 100%); background:-webkit-linear-gradient(top, #444 0%, #777 100%); background:linear-gradient(to bottom, #444 0%, #777 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#777777', GradientType=0);} /*ld guide*/ .mod-ld-guide{padding-top:79px; min-width:1223px; overflow-x:hidden; margin:0 auto;} .backTop{ position: fixed; width: 30px; right: 30px; bottom: 47px; cursor: pointer; -webkit-animation: swing-data 1s infinite; animation: swing-data 1s infinite } .noviceTutorial h1, .noviceTutorial h2, .noviceTutorial h3, .noviceTutorial h4, .noviceTutorial h5, .noviceTutorial h6{font-weight:bold;} .noviceTutorial{ width: 100%; overflow: hidden; color:#444; font-size: 14px;} .noviceTutorial .tutorialBox{ height: 4710px; min-width: 1200px; width:100%; margin: 0 auto; background: url(../images/ldguide/noviceHelpBg.jpg) no-repeat center top;} .noviceTutorial .tutorialBox .tutorial{ position: relative; width: 1200px; height: 100%; margin: 0 auto; padding-left: 10px; -moz-box-sizing: border-box; box-sizing: border-box } @-webkit-keyframes swing-data { 0% {bottom: 47px}50% { bottom: 40px}to { bottom: 47px }} @keyframes swing-data { 0% { bottom: 47px}50% { bottom: 40px}to { bottom: 47px }} .noviceTutorial .tutorialBox .tutorial .commonBox{ width: 100%; position: relative; overflow: hidden } .noviceTutorial .tutorialBox .tutorial .commonBox:hover .flashing{ position: absolute; width: 150px; height: 100%; z-index: 999; top: 0; left: -160px; -webkit-transform: skew(130deg); -ms-transform: skew(130deg); transform: skew(130deg); opacity: .5; -webkit-animation: flash-data 1.3s; animation: flash-data 1.3s } .noviceTutorial .tutorialBox .tutorial .commonBox:hover .flashing b{ height: 100%; background: #fff; display: inline-block; width: 30px} .noviceTutorial .tutorialBox .tutorial .commonBox:hover .flashing b:first-child { width: 90px; margin-right: 30px } @-webkit-keyframes flash-data { 0% {left: -160px}to { left: 1860px }} @keyframes flash-data { 0% { left: -160px}to { left: 1860px }} .noviceTutorial .tutorialBox .tutorial .title{ font-size: 20px; height: 35px; margin-bottom: 5px } .noviceTutorial .tutorialBox .tutorial .title .smallImg{ width: 30px; height: 25px; vertical-align: middle } .noviceTutorial .tutorialBox .tutorial .guideBox{ height: 390px; padding-top: 40px; -moz-box-sizing: border-box; box-sizing: border-box } .noviceTutorial .tutorialBox .tutorial .guideBox h2{ height: 60px; background: url(../images/ldguide/guidebox_bg.png) no-repeat 0 100%; background-size: 416px 48px; position: relative } .noviceTutorial .tutorialBox .tutorial .guideBox h2 span{ color: #fff; font-size: 36px; position: absolute; top: -12px; left: 44px } .noviceTutorial .tutorialBox .tutorial .guideBox .listUp{ width: 790px; margin-left: 150px; margin-top: 10px; height: 127px } .noviceTutorial .tutorialBox .tutorial .guideBox .listUp .enlarge:hover { animation: enlarge-data 1s; -webkit-animation: enlarge-data 1s; -o-animation: enlarge-data 1s; -moz-animation: enlarge-data 1s; -ms-animation: enlarge-data 1s } @-webkit-keyframes enlarge-data {0%{ -webkit-transform: scale(1); transform: scale(1); opacity: 1} 80% { -webkit-transform: scale(2); transform: scale(2);opacity: 0} to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 }} .noviceTutorial .tutorialBox .tutorial .guideBox .listDown{ width:790px; margin-left: 250px; margin-top: 25px; height: 127px } .noviceTutorial .tutorialBox .tutorial .guideBox .listDown .enlarge:hover { -webkit-animation: enlarge-data 1s; animation: enlarge-data 1s } @keyframes enlarge-data{ 0% {-webkit-transform: scale(1);transform: scale(1);opacity: 1}80% {-webkit-transform: scale(2);transform: scale(2);opacity: 0}to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 }} .noviceTutorial .tutorialBox .tutorial .guideBox li{ width: 123px; height: 100%; background: url(../images/ldguide/listBg.png) no-repeat; background-size: 120px 127px; display: inline-block; margin-right: 36px; padding: 8px; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; cursor: pointer } .noviceTutorial .tutorialBox .tutorial .guideBox li p{ color: #fff } .noviceTutorial .tutorialBox .tutorial .guideBox li p:first-child { font-size: 24px; border-bottom: 1px solid #fff; margin-bottom: 5px } .noviceTutorial .tutorialBox .tutorial .guideBox li.last { margin-right: 0 } .noviceTutorial .tutorialBox .tutorial .firstBox{ height: 170px; padding-top: 30px; padding-left: 250px; -moz-box-sizing: border-box; box-sizing: border-box; background: url(../images/ldguide/beijing_clock.png) no-repeat 723px 30px } .noviceTutorial .tutorialBox .tutorial .firstBox .smallImg{ margin-right: 12px } .noviceTutorial .tutorialBox .tutorial .firstBox p{ margin-left: 45px; font-size: 14px; color: #aaa; margin-top: 5px } .noviceTutorial .tutorialBox .tutorial .firstBox p.second { margin-top: 10px; color: #fcbb83 } .noviceTutorial .tutorialBox .tutorial .firstBox p.fifth { padding-left: 45px; -moz-box-sizing: border-box; box-sizing: border-box } .noviceTutorial .tutorialBox .tutorial .secondBox { height: 244px; padding-left: 165px; -moz-box-sizing: border-box; box-sizing: border-box } .noviceTutorial .tutorialBox .tutorial .secondBox .smallImg { margin-right: 10px } .noviceTutorial .tutorialBox .tutorial .secondBox p { margin-left: 52px; font-size: 14px; color: #aaa; margin-top: 5px } .noviceTutorial .tutorialBox .tutorial .secondBox p.second { margin-top: 10px; margin-bottom: 10px } .noviceTutorial .tutorialBox .tutorial .secondBox > span { display: inline-block; height: 113px; color: #aaa; width: 120px;} .noviceTutorial .tutorialBox .tutorial .secondBox img { width: 118px; height: 114px; vertical-align: top; margin-right: 14px } .noviceTutorial .tutorialBox .tutorial .secondBox span.third { width: 105px; margin-left: 52px } .noviceTutorial .tutorialBox .tutorial .secondBox p.ninth { color: #fcbb83 } .noviceTutorial .tutorialBox .tutorial .thirdBox { height: 114px; padding-left: 60px; -moz-box-sizing: border-box; box-sizing: border-box; background: url(../d11_images/ldguide/shoucun.png) no-repeat 635px 12px , url(../images/ldguide/shoucun.png) no-repeat 635px 12px; } .noviceTutorial .tutorialBox .tutorial .thirdBox .smallImg { margin-right: 10px; margin-left: 12px } .noviceTutorial .tutorialBox .tutorial .thirdBox p { margin-left: 52px; font-size: 14px; color: #aaa; margin-top: 5px } .noviceTutorial .tutorialBox .tutorial .fouthBox { height: 173px; padding-left: 20px; -moz-box-sizing: border-box; box-sizing: border-box } .noviceTutorial .tutorialBox .tutorial .fouthBox .smallImg { margin-right: 12px; margin-top: 0; margin-left: 20px } .noviceTutorial .tutorialBox .tutorial .fouthBox img { width: 76px; height: 76px; vertical-align: top; margin-top: 20px; margin-right: 33px } .noviceTutorial .tutorialBox .tutorial .fouthBox img.second { margin-left: 100px; margin-right: 36px } .noviceTutorial .tutorialBox .tutorial .fouthBox span { display: inline-block; color: #aaa } .noviceTutorial .tutorialBox .tutorial .fouthBox span.third { width: 150px; height: 64px; margin-top: 20px } .noviceTutorial .tutorialBox .tutorial .fouthBox span.fifth { width: 195px; height: 64px; margin-top: 20px } .noviceTutorial .tutorialBox .tutorial .fifthBox { height: 84px; padding-left: 94px; -moz-box-sizing: border-box; box-sizing: border-box } .noviceTutorial .tutorialBox .tutorial .fifthBox .smallImg { margin-right: 10px; margin-left: 10px } .noviceTutorial .tutorialBox .tutorial .fifthBox p { margin-top: 13px; color: #aaa; margin-left: 52px } .noviceTutorial .tutorialBox .tutorial .sixthBox { height: 194px; padding-left: 136px; -moz-box-sizing: border-box; box-sizing: border-box } .noviceTutorial .tutorialBox .tutorial .sixthBox .smallImg { margin-right: 12px; margin-top: 0 } .noviceTutorial .tutorialBox .tutorial .sixthBox img { width: 38px; height: 52px; vertical-align: top; margin-top: 28px; margin-right: 12px } .noviceTutorial .tutorialBox .tutorial .sixthBox img.second { margin-left: 80px } .noviceTutorial .tutorialBox .tutorial .sixthBox span { display: inline-block; color: #aaa } .noviceTutorial .tutorialBox .tutorial .sixthBox span.third { width: 165px; height: 113px; margin-top: 28px; margin-right: 22px } .noviceTutorial .tutorialBox .tutorial .sixthBox span.fifth { width: 159px; height: 113px; margin-top: 28px; margin-right: 22px; vertical-align: top } .noviceTutorial .tutorialBox .tutorial .sixthBox span.seven{ width: 120px; height: 113px; margin-top: 28px } .noviceTutorial .tutorialBox .tutorial .sevenBox { height: 635px; padding-left: 236px; -moz-box-sizing: border-box; box-sizing: border-box } .noviceTutorial .tutorialBox .tutorial .sevenBox .smallImg { margin-right: 15px; margin-left: 0 } .noviceTutorial .tutorialBox .tutorial .sevenBox p { margin-left: 47px; color: #aaa; margin-top: 5px } .noviceTutorial .tutorialBox .tutorial .sevenBox p b { width: 36px; height: 36px; text-align: center; line-height: 36px; background: #fea75d; display: inline-block; border-radius: 10px; color: #fff; margin-right: 6px } .noviceTutorial .tutorialBox .tutorial .sevenBox p b:first-child { margin-left: 8px } .noviceTutorial .tutorialBox .tutorial .sevenBox p span { color: #fea75d; margin-right: 10px } .noviceTutorial .tutorialBox .tutorial .sevenBox img { width: 864px; margin-left: 47px } .noviceTutorial .tutorialBox .tutorial .eigthBox { height: 962px; padding-left: 285px; -moz-box-sizing: border-box; box-sizing: border-box } .noviceTutorial .tutorialBox .tutorial .eigthBox .smallImg { margin-right: 12px } .noviceTutorial .tutorialBox .tutorial .eigthBox p { color: #aaa; margin-top: 5px } .noviceTutorial .tutorialBox .tutorial .eigthBox p.second { color: #fea75d } .noviceTutorial .tutorialBox .tutorial .eigthBox p.sixth { color: #fea75d } .noviceTutorial .tutorialBox .tutorial .eigthBox img { width: 864px } .noviceTutorial .tutorialBox .tutorial .eigthBox ul { width: 864px; height: 315px; margin-top: 24px; margin-bottom: 26px } .noviceTutorial .tutorialBox .tutorial .eigthBox ul li { width: 216px; vertical-align: top; height: 317px; display: inline-block; margin-left: 52px; padding: 15px; -moz-box-sizing: border-box; box-sizing: border-box; background: url(../images/ldguide/box_bg.png) no-repeat 100% } .noviceTutorial .tutorialBox .tutorial .eigthBox ul li p { color: #aaa!important } .noviceTutorial .tutorialBox .tutorial .eigthBox ul li p b { width: 50px; height: 54px; font-size: 24px; display: inline-block; color: #fff; line-height: 25px; vertical-align: top } .noviceTutorial .tutorialBox .tutorial .eigthBox ul li p span { width: 127px; height: 68px; display: inline-block; color: #fff; vertical-align: top; margin-top: -6px; padding-left: 5px; -moz-box-sizing: border-box; box-sizing: border-box } .noviceTutorial .tutorialBox .tutorial .eigthBox ul li p.second { margin-top: 20px } .noviceTutorial .tutorialBox .tutorial .eigthBox ul li:first-child p span { line-height: 17px } .noviceTutorial .tutorialBox .tutorial .eigthBox ul li.second p b { width: 76px } .noviceTutorial .tutorialBox .tutorial .eigthBox ul li.second p span { width: 101px; line-height: 20px } .noviceTutorial .tutorialBox .tutorial .ninthBox { height: 965px; padding-left: 285px; -moz-box-sizing: border-box; box-sizing: border-box } .noviceTutorial .tutorialBox .tutorial .ninthBox .smallImg { margin-right: 12px } .noviceTutorial .tutorialBox .tutorial .ninthBox p { color: #aaa; margin-top: 5px; margin-bottom: 10px } .noviceTutorial .tutorialBox .tutorial .ninthBox img { width: 864px } .noviceTutorial .tutorialBox .tutorial .tenthBox { position: relative; height: 728px; padding-left: 285px; -moz-box-sizing: border-box; box-sizing: border-box } .noviceTutorial .tutorialBox .tutorial .tenthBox .smallImg { margin-right: 12px } .noviceTutorial .tutorialBox .tutorial .tenthBox .leftBox { width: 520px; height: 645px; display: inline-block; vertical-align: top } .noviceTutorial .tutorialBox .tutorial .tenthBox .leftBox p { color: #aaa; margin-top: 18px; margin-bottom: 49px } .noviceTutorial .tutorialBox .tutorial .tenthBox .leftBox img { width: 359px; margin-left: 36px } .noviceTutorial .tutorialBox .tutorial .tenthBox .rightBox { height: 645px; width: 347px; display: inline-block; vertical-align: top } .noviceTutorial .tutorialBox .tutorial .tenthBox .rightBox p { color: #aaa } .noviceTutorial .tutorialBox .tutorial .tenthBox .rightBox p:first-child { margin-top: 18px } .noviceTutorial .tutorialBox .tutorial .tenthBox .rightBox img { width: 342px } /*asia rules / europe rules*/ .aeguide .pointer{cursor:pointer} .aeguide.europe_bg{min-width:1200px; margin:0 auto; height:5056px; background:url(../images/ldguide/bg.png) no-repeat top center;} .aeguide .europe_out{width:1200px; margin:0 auto;} .aeguide .guide{background:url(../images/ldguide/guide.png) no-repeat left top; width:636px; height:194px; vertical-align:top; margin-left:-80px; display:inline-block;} .aeguide .chara{display:inline-block; vertical-align:top; margin:100px 0 0 -15px} .aeguide .rule{display:inline-block; vertical-align:top; margin:110px 0 0 -15px} .aeguide .chara a{width:190px; height:60px; display:block; background:url(../images/ldguide/chara.png) no-repeat left top;} .aeguide .rule a{width:190px; height:60px; display:block; background:url(../images/ldguide/rule.png) no-repeat left top;} .aeguide .charabq{width:168px; height:61px; background:url(../images/ldguide/charabq.png) no-repeat left top;} .aeguide .eurpe_brief{background:url(../images/ldguide/eurpe_brief.png) no-repeat center top; height:43px; margin-top:20px;} .aeguide .eurpe_brieftxt{margin-top:20px} .aeguide .charabq{width:168px; height:61px; background:url(../images/ldguide/charabq.png) no-repeat left top; display:inline-block; vertical-align:top; margin-left:70px;} .aeguide .charabq_txt{display:inline-block; width:780px; height:auto; color:#999999; font-size:14px; vertical-align:top; margin-top:15px; line-height:24px; padding-left:10px;} .aeguide .rolling{background:url(../images/ldguide/people_1.png) no-repeat 920px 250px; min-height:550px； height:559px} .aeguide .rolling_tit{background:url(../images/ldguide/rolling.png) no-repeat center top; height:95px; margin-top:106px} .aeguide .rolling_txt{font-size:14px; color:#999999; line-height:24px; margin:0 auto; width:840px; margin-top:20px} .aeguide .rolling_img{margin:20px auto 0 auto; text-align:center;} .aeguide .odds{background:url(../images/ldguide/people_2.png) no-repeat -10px 230px; height:520px;} .aeguide .odds_tit{background:url(../images/ldguide/odds.png) no-repeat center top; height:95px; margin-top:50px} .aeguide .odds_txt{font-size:14px; color:#999999; line-height:24px; margin:0 auto; width:840px; margin-top:20px} .aeguide .odds_img{margin:20px auto 0 auto; text-align:center;} .aeguide .search{height:471px;} .aeguide .search_tit{background:url(../images/ldguide/search_tit.png) no-repeat center top; height:95px; margin-top:34px} .aeguide .search_txt{font-size:14px; color:#999999; line-height:24px; margin:0 auto; width:1000px; margin-top:20px} .aeguide .search_img{margin:20px auto 0 auto; text-align:center;} .aeguide .setup_tit{background:url(../images/ldguide/setup_tit.png) no-repeat center top; height:95px; margin-top:45px} .aeguide .setup_txt{font-size:14px; color:#999999; line-height:24px; margin:0 auto; width:1000px; margin-top:20px} .aeguide .setup_img{margin:20px auto 0 auto; text-align:center;} .aeguide .visualization_tit{background:url(../images/ldguide/visualization_tit.png) no-repeat center top; height:95px; margin-top:45px} .aeguide .trend_tit{background:url(../images/ldguide/trend_tit.png) no-repeat center top; height:95px; margin-top:43px} .aeguide .betting_tit{background:url(../images/ldguide/betting_tit.png) no-repeat center top; height:95px; margin-top:10px} /*体育规则*/ .aeguide.rules_bg{min-width:1200px; margin:0 auto; height:5884px; background:url(../images/ldguide/rule_bg.png) no-repeat center top;} .aeguide .chara_s{display:inline-block; vertical-align:top; margin:110px 0 0 -15px;} .aeguide .rule_s{display:inline-block; vertical-align:top; margin:100px 0 0 -15px} .aeguide .chara_s a{width:190px; height:60px; display:block; background:url(../images/ldguide/chara_s.png) no-repeat left top;} .aeguide .rule_s a{width:190px; height:60px; display:block; background:url(../images/ldguide/rule_s.png) no-repeat left top;} .aeguide .rulebq{width:168px; height:61px; background:url(../images/ldguide/rulebq.png) no-repeat left top; margin-left:70px; margin-top:30px} .aeguide .rule_num1{margin-top:10px; margin-left:180px} .aeguide .rule_numbox{width:111px; height:115px; padding:6px; background:url(../images/ldguide/rule_numbox.png) no-repeat center top; display:inline-block; margin-left:30px; vertical-align:top;} .aeguide .rule_numbox span{display:block; color:#ffffff; font-size:14px} .aeguide .rule_numbox .r_num{border-bottom:solid 1px #ffffff; font-size:30px} .aeguide .rule_num2{margin-left:310px; margin-top:20px} .aeguide .oneth_tit{font-size:20px; color:#000; padding-left:45px; background:url(../images/ldguide/oneth.png) no-repeat left top;} .aeguide .oneth{margin:130px 0 0 340px} .aeguide .oneth_rolling{width:150px; min-height:40px; padding-left:50px; background:url(../images/ldguide/oneth_rolling.png) no-repeat left top; color:#999999; font-size:14px; display:inline-block; vertical-align:top} .aeguide .oneth_today{width:150px; min-height:40px; padding-left:50px; background:url(../images/ldguide/oneth_today.png) no-repeat left top; color:#999999; font-size:14px; display:inline-block; vertical-align:top; margin-left:50px} .aeguide .oneth_plate{width:150px; min-height:40px; padding-left:50px; background:url(../images/ldguide/oneth_plate.png) no-repeat left top; color:#999999; font-size:14px; display:inline-block; vertical-align:top; margin-left:50px} .aeguide .oneth_txt{margin:40px 0 0 0px;} .aeguide .twoth{margin:40px 0 0 230px} .aeguide .twoth_tit{font-size:20px; color:#000; background:url(../images/ldguide/twoth.png) no-repeat left top;} .aeguide .twoth li{padding-left:45px;} .aeguide .twoth_txt{font-size:14px; color:#999999; width:750px} .aeguide .twoth_num{min-height:36px; min-width:345px; background:url(../images/ldguide/twoth_num.png) no-repeat left top; font-size:14px; color:#fea75d; line-height:36px; margin-left:45px} .aeguide .twoth_num p{display:inline-block; vertical-align:top;} .aeguide .twoth_num2{margin-left:70px} .aeguide .twoth_num3{margin-left:60px} .aeguide .threeth{margin:40px 0 0 150px} .aeguide .threeth_tit{font-size:20px; color:#000; padding-left:45px; background:url(../images/ldguide/threeth.png) no-repeat left top;} .aeguide .threeth_txt{font-size:14px; color:#999999; width:850px; line-height:28px} .aeguide .threeth_txtl{color:#fea75d} .aeguide .threeth_box{margin-top:30px} .aeguide .threeth_box p{background:url(../images/ldguide/threeth_box.png) no-repeat top center; width:174px; height:315px; display:inline-block; vertical-align:top; margin-left:30px; padding:15px 30px 15px 30px} .aeguide .threeth_img{padding-left:65px; margin-top:10px} .aeguide .threeth_box1{font-size:24px; display:inline-block; color:#ffffff; width:50px; vertical-align:top} .aeguide .threeth_box2{display:inline-block; color:#ffffff; width:100px; vertical-align:top; margin-left:20px} .aeguide .threeth_box3{display:block; margin-top:30px; font-size:14px; color:#999999} .aeguide .threeth_boxf{font-size:24px; display:inline-block; color:#ffffff; width:80px; vertical-align:top} .aeguide .threeth_boxk{display:inline-block; color:#ffffff; width:70px; vertical-align:top; margin-left:20px; margin-top:5px} .aeguide .padl45{padding-left:45px} .aeguide .fourth_tit{font-size:20px; color:#000; padding-left:45px; background:url(../images/ldguide/fourth.png) no-repeat left top;} .aeguide .fiveth_tit{font-size:20px; color:#000; padding-left:45px; background:url(../images/ldguide/fiveth.png) no-repeat left top;} .aeguide .sixth_tit{font-size:20px; color:#000; padding-left:45px; background:url(../images/ldguide/sixth.png) no-repeat left top;} .aeguide .seventh_tit{font-size:20px; color:#000; padding-left:45px; background:url(../images/ldguide/seventh.png) no-repeat left top;} .aeguide .block{display:block;} .aeguide .eightth_tit{font-size:20px; color:#000; padding-left:45px; background:url(../images/ldguide/eightth.png) no-repeat left top;} .aeguide .orange{color:#fea75d} .aeguide .nineth_tit{font-size:20px; color:#000; padding-left:45px; background:url(../images/ldguide/nineth.png) no-repeat left top;} .aeguide .tenth_tit{font-size:20px; color:#000; padding-left:45px; background:url(../images/ldguide/tenth.png) no-repeat left top;} /*亚洲*/ .aeguide.asia_bg{min-width:1200px; margin:0 auto; height:4819px; background:url(../images/ldguide/asia_bg.jpg) no-repeat top center;} .aeguide .asia_out{width:1200px; margin:0 auto;} .aeguide .asia_guide{background: url(../d11_images/ldguide/asia.png) no-repeat left top, url(../images/ldguide/asia.png) no-repeat left top; width:636px; height:194px; vertical-align:top; margin-left:-80px; display:inline-block;} .aeguide .asia_brief{background:url(../images/ldguide/asia_brief.png) no-repeat center top; height:43px; margin-top:20px;} .aeguide .asia_box{margin-top:30px; text-align:center;} .aeguide .asia_box li{width:236px; height:473px; display:inline-block; margin-left:10px; background:url(../images/ldguide/asia_box.png) no-repeat left top; padding:40px 70px 0 70px; vertical-align:top} .aeguide .asia_box1{background:url(../images/ldguide/asia_box1.png) no-repeat center top; height:95px} .aeguide .asia_boxtxt{font-size:14px; color:#999999; margin-top:40px} .aeguide .asia_box2{background:url(../images/ldguide/asia_box2.png) no-repeat center top; height:95px} .aeguide .asia_box3{background:url(../images/ldguide/asia_box3.png) no-repeat center top; height:95px} .aeguide .view_bg{background:url(../images/ldguide/view_bg.png) no-repeat top left; width:92px; height:28px; line-height:28px; color:#ffffff; font-size:20px; text-align:center; display:inline-block; vertical-align:top} .aeguide .mal_152{margin-left:152px;} .aeguide .asia_view1{display:inline-block; vertical-align:top} .aeguide .view_one{margin-top:30px; background:url(../images/ldguide/people_1.png) no-repeat 790px 198px; min-height:480px} .aeguide .people_3{margin-left:118px; margin-top:0} .aeguide .people_3 span{margin-left:10px; margin-top:5px} .aeguide .double_tit{background:url(../images/ldguide/double.png) no-repeat top center; height:95px; margin-top:120px} .aeguide .double_txt{color:#999999; font-size:14px; width:886px; margin:10px auto} .aeguide .asia_2018{background:url(../images/ldguide/view_bg.png) top left; width:114px; height:28px; line-height:28px; color:#ffffff; font-size:20px; text-align:center; display:inline-block; vertical-align:top} .aeguide .double_img{text-align:center; margin-top:10px} .aeguide .asia_tw{background:url(../images/ldguide/view_bg.png) center top; width:114px; height:28px; line-height:28px; color:#ffffff; font-size:20px; text-align:center; display:inline-block; vertical-align:top} .aeguide .motion_tit{background:url(../images/ldguide/motion.png) no-repeat top center; height:95px; margin-top:40px} .aeguide .rapid_tit{background:url(../images/ldguide/rapid.png) no-repeat top center; height:95px; margin-top:98px} .aeguide .txtcen{text-align:center;} .aeguide .rapid_img{margin-top:20px;} /*亚洲规则*/ .aeguide.asiar_bg{min-width:1200px; margin:0 auto; min-height:6237px; background:url(../images/ldguide/asiar_bg.png) no-repeat center top;} .aeguide .enlarge:hover{animation:enlarge-data 1s; -webkit-animation:enlarge-data 1s; -o-animation:enlarge-data 1s; -moz-animation:enlarge-data 1s; -ms-animation:enlarge-data 1s} @-webkit-keyframes enlarge-data{0% {-webkit-transform:scale(1); transform:scale(1);opacity:1} 80% {-webkit-transform:scale(2);transform:scale(2);opacity:0} to{-webkit-transform:scale(1); transform:scale(1); opacity:1} } .aeguide .commonBox{width:100%; position:relative; overflow:hidden} .aeguide .commonBox:hover .flashing{position:absolute; width:150px; height:100%; z-index:9; top:0; left:-160px; -webkit-transform:skew(130deg); -ms-transform:skew(130deg); transform:skew(130deg); opacity:.5; -webkit-animation:flash-data 1.3s infinite; animation:flash-data 1.3s infinite;} .aeguide .commonBox:hover .flashing b{height:100%; background:#fff; display:inline-block; width:30px} .aeguide .commonBox:hover .flashing b:first-child{width:90px; margin-right:30px} @-webkit-keyframes flash-data{0%{left:-160px}to{left:1860px}} @keyframes flash-data{0%{left:-160px}to{left:1860px}} /* sports guide 中专页面 sguide*/ .mod-sports-guide .center_bg{min-height:1000px; width:100%; min-width:1000px; height:calc(100vh - 79px); background:url(../d11_images/sguide/bg.jpg) no-repeat center top, url(../images/sguide/bg.jpg) no-repeat center top; background-size:cover;} .mod-sports-guide .center_info{width:1000px; margin:0 auto; padding-top:30px; text-align:right; position:relative;} .mod-sports-guide .center_info li{text-align:right;height:auto; padding:10px 0; float:right;} .mod-sports-guide .firs_info h5{font-size:34px; color:#999; position:relative; display:inline-block; top:25px; font-weight:bold;} .mod-sports-guide .center_info li:first-child{position:absolute; left:0px;} .mod-sports-guide .center_info li:nth-child(3) p{right:0;width:58%;text-align:left;margin:0;right:3px;font-size:26px;color:#dbdbdb;text-shadow:0 0 10px #000;float:right;} .mod-sports-guide .center_info .center_right li{display:block; font-size:26px; text-align:left;} .mod-sports-guide .firs_info p{float:left; margin:0 10px 20px; background-repeat:no-repeat; display:block;} .mod-sports-guide .icon-list{display:inline-block; float:right;} .mod-sports-guide .icon-list img{max-width:70px;} .mod-sports-guide .center_info li:last-child{margin-right:-10px;margin-top:15px;} .mod-sports-guide .last_p p{width:306px;height:52px;line-height:90px;text-align:center;background:url(../images/sguide/font_bg.png)center center no-repeat;padding:20px 0;} /* 盘口简介 pk-guide */ .clearfloat { clear: both; height: 0; font-size: 1px; line-height: 0px; } .f11 { font-size: 11px; } .f12 { font-size: 12px; } .f13 { font-size: 13px; } .f14 { font-size: 14px; } .f16 { font-size: 16px; } .f18 { font-size: 18px; } .f20 { font-size: 20px; } .fb { font-weight: bold; } .fn { font-weight: normal; } .t2 { text-indent: 2em; } .lh150 { line-height: 150% } .lh180 { line-height: 180% } .lh200 { line-height: 200% } .unl { text-decoration: underline; } .no_unl { text-decoration: none; } .tl { text-align: left; } .tc { text-align: center; } .tr { text-align: right; } .bc { margin-left: auto; margin-right: auto; } .fl { float: left; } .fr { float: right; } .cb { clear: both; } .cl { clear: left; } .cr { clear: right; } .vm { vertical-align: middle; } .pr { position: relative; } .pa { position: absolute; left: 1px; top: 1px; } .abs-right { position: absolute; right: 0; } .zoom { zoom: 1 } .hidden { visibility: hidden; } .none { display: none; } .w100 { width: 100px; } .w1000 { width: 1000px; } .w-100 { width: 100%; } .h-100 { height: 100% } .m10 { margin: 10px; } .m15 { margin: 15px; } .m20 { margin: 20px; } .m30 { margin: 30px; } .mt5 { margin-top: 5px; } .mt10 { margin-top: 10px; } .mt15 { margin-top: 15px; } .mt20 { margin-top: 20px; } .mt30 { margin-top: 30px; } .mt50 { margin-top: 50px; } .mt100 { margin-top: 100px; } .mb5 { margin-bottom: 5px; } .mb10 { margin-bottom: 10px; } .mb15 { margin-bottom: 15px; } .mb20 { margin-bottom: 20px; } .mb30 { margin-bottom: 30px; } .mb50 { margin-bottom: 50px; } .mb100 { margin-bottom: 100px; } .mb120 { margin-bottom: 120px; } .mb140 { margin-bottom: 140px; } .ml5 { margin-left: 5px; } .ml10 { margin-left: 10px; } .ml15 { margin-left: 15px; } .ml20 { margin-left: 20px; } .ml30 { margin-left: 30px; } .ml50 { margin-left: 50px; } .ml80 { margin-left: 80px; } .ml100 { margin-left: 100px; } .mr5 { margin-right: 5px; } .mr10 { margin-right: 10px; } .mr15 { margin-right: 15px; } .mr20 { margin-right: 20px; } .mr30 { margin-right: 30px; } .mr50 { margin-right: 50px; } .mr100 { margin-right: 100px; } .mrl { margin: 0 10px; } .mtb { margin: 10px 0; } .mtl { margin: 10px 0 0 10px; } .mtr { margin: 10px 10px 0 0; } .mbr { margin: 0 10px 10px 0; } .mbl { margin: 0 0 10px 10px; } .pb0 { padding-bottom: 0; } .p10 { padding: 10px; } .p15 { padding: 15px; } .p30 { padding: 30px; } .p20 { padding: 20px; } .pt5 { padding-top: 5px; } .pt10 { padding-top: 10px; } .pt15 { padding-top: 15px; } .pt20 { padding-top: 20px; } .pt30 { padding-top: 30px; } .pt50 { padding-top: 50px; } .pt100 { padding-top: 100px; } .pb5 { padding-bottom: 5px; } .pb10 { padding-bottom: 10px; } .pb15 { padding-bottom: 15px; } .pb20 { padding-bottom: 20px; } .pb30 { padding-bottom: 30px; } .pb50 { padding-bottom: 50px; } .pb70 { padding-bottom: 70px; } .pb90 { padding-bottom: 90px; } .pb100 { padding-bottom: 100px; } .pb130 { padding-bottom: 130px; } .pb150 { padding-bottom: 150px; } .pl5 { padding-left: 5px; } .pl10 { padding-left: 10px; } .pl15 { padding-left: 15px; } .pl20 { padding-left: 20px; } .pl30 { padding-left: 30px; } .pl50 { padding-left: 50px; } .pl100 { padding-left: 100px; } .pr5 { padding-right: 5px; } .pr10 { padding-right: 10px; } .pr15 { padding-right: 15px; } .pr20 { padding-right: 20px; } .pr30 { padding-right: 30px; } .pr50 { padding-right: 50px; } .pr100 { padding-right: 100px; } .prl { padding: 0 10px; } .ptb { padding: 10px 0; } .ptl { padding: 10px 0 0 10px; } .ptr { padding: 10px 10px 0 0; } .pbr { padding: 0 10px 10px 0; } .pbl { padding: 0 0 10px 10px; } .p5 { padding: 5px; } .mod-pk-guide .cursor { cursor: pointer; } .mod-pk-guide .curT { cursor: text; } .mod-pk-guide .ds-bl { display: block; } .mod-pk-guide .ds-il { display: inline; } .mod-pk-guide .rounded_3 { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .mod-pk-guide .projection { -webkit-box-shadow: 0 1px 5px #ccc; } .mod-pk-guide .gradient { background: #f5f5f5; background: -moz-linear-gradient(top, #f5f5f5, #f1f1f1 100%); background: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f1f1f1)); } /*end css reset*/ .mod-pk-guide{ font-size: 12px; -webkit-text-size-adjust: none; background: url(../d11_images/pkguide/banner1.jpg) no-repeat center 0, #73b043 url(../images/pkguide/banner1.jpg) no-repeat center 0; } .mod-pk-guide td {font-size: 18px; } .mod-pk-guide .f30 { font-size: 30px; } .mod-pk-guide .f24 { font-size: 24px; } .mod-pk-guide .pl75 { padding-left: 95px; } .mod-pk-guide .pl270 { padding-left: 270px; } .mod-pk-guide .pl200 { padding-left: 200px; } .mod-pk-guide .main_c { width: 780px; background: #FFF; font-size: 18px; } .mod-pk-guide .banner1, .mod-pk-guide .banner3 { height: 255px; } .mod-pk-guide a.logo { width: 101px; height: 78px; display: block; } .mod-pk-guide .bg3 { background: #eee; } .mod-pk-guide .bg4 { background: #fff; } .mod-pk-guide .title { height: 50px; position: relative; line-height: 50px; color: #FFF; font-size: 26px; } .mod-pk-guide .title .bg1 { height: 17px; width: 100%; background: #b3dd92; position: absolute; bottom: 0; z-index: 1; } .mod-pk-guide .title .bg2 { background: #ffe4dd; } .mod-pk-guide .title .text1 { min-width: 300px; height: 50px; background: url(../images/pkguide/titlebg1.png) no-repeat right -1px; position: absolute; left: 0; top: 0; z-index: 2; padding-right: 30px; box-sizing: border-box;} .mod-pk-guide .title .text1 .pl15 { background: #509c14; } .mod-pk-guide .title .text2 { min-width: 300px; height: 50px; background: url(../images/pkguide/titlebg2.png) no-repeat right -1px; position: absolute; left: 0; top: 0; z-index: 2; padding-right: 30px; box-sizing: border-box;} .mod-pk-guide .title .text2 .pl15 { background: #e6502d; } .mod-pk-guide .inner, .mod-pk-guide .w1000 { width: 1000px; margin: 0 auto; } .mod-pk-guide .box2 { background: #e9d14f url(../images/pkguide/icon3.jpg) repeat-x 0 0; padding-bottom: 15px; } /*右侧导航*/ .mod-pk-guide .nav_list { top:expression(eval(document.documentElement.scrollTop+ document.documentElement.clientHeight - 600)); } .mod-pk-guide .nav_list { position: fixed; _position: absolute; top: 263px; width: 142px; background: #509c14; color: #FFF; padding: 60px 0 0 0; } .mod-pk-guide .nav_list li { width: 142px; height: 46px; line-height: 46px; font-size: 16px; text-align: center; border-bottom: 1px solid #73b043; cursor: pointer; } .mod-pk-guide .nav_list li.cur { background: #387d02; ; color: #fff; } .mod-pk-guide .limg1 { position: absolute; top: -70px; left: -15px; } .mod-pk-guide .limg2 { position: absolute; bottom: -33px; left: 0; } .mod-pk-guide .limg3 { position: absolute; bottom: -53px; left: 50px; padding: 10px; cursor: pointer; } .mod-pk-guide a.shareBtn { display: block; background: #79b34c !important; width: 80px; height: 38px; bottom: 10px; right: 30px; position: absolute; color: #FFF; overflow: hidden; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .mod-pk-guide a.shareBtn:hover { color: #FFF !important; } .tztable { border-top: #d9d9d9 solid 1px; border-right: #d9d9d9 solid 1px; } .tztable td, .tztable th { border-bottom: #d9d9d9 solid 1px; border-left: #d9d9d9 solid 1px; padding: 15px 0; text-align: center; color: #999; } .tztable td { color: #333; } .tztable th { font-weight: normal; color: #999999; padding-top: 5px; padding-bottom: 5px } .tztable td.nl, .tztable th.nl { border-left: none; } .tztable td.nb { border-bottom: none; } .tztable td.pb5 { padding: 15px 0 5px; } .tztable td.top { vertical-align: top; } .tztable td .tl1 { text-align: left; padding-left: 40px; } .tztable td .tr1 { text-align: right; padding-right: 40px; } .tztable td .tl2 { text-align: left; padding-left: 94px; } .tztable td .tr2 { text-align: right; padding-right: 94px; } .no { padding-right: 20px; background: url(../images/pkguide/icon4.jpg) no-repeat right center; background-size: 9px 9px; } .yes { padding-right: 20px; background: url(../images/pkguide/icon5.jpg) no-repeat right center; background-size: 9px 9px; color: #F00; } .col_1, .tztable td.col_1 { color: #999; } .col_2, .tztable td.col_2 { color: #ff3d01; } .col_3, .tztable td.col_3 { color: #09bf06; } .col_4, .tztable td.col_4 { color: #0f5be6; } .col_5, .tztable td.col_5 { color: #333; } .col_6, .tztable td.col_6 { color: #009999; } .col_7, .tztable td.col_7 { color: #ff6633; } .col_8, .tztable td.col_8 { color: #006699; } .iconbg1 { background: url(../images/pkguide/icon2.jpg) no-repeat 0 5px; padding-left: 27px; color: #999; } .on .scale_1 { -webkit-animation: contAnima11 0.6s ease-in; animation: contAnima11 0.6s ease-in; } @keyframes contAnima11 { 0% {transform: rotateX(0deg); transform-style: preserve-3d;} 50% {transform: rotateX(-90deg);transform-style: preserve-3d;} 100% {transform: rotateX(0deg);transform-style: preserve-3d;} } @-moz-keyframes contAnima11 { 0% {-moz-transform: rotateX(0deg);-moz-transform-style: preserve-3d;} 50% {-moz-transform: rotateX(-90deg);-moz-transform-style: preserve-3d;} 100% {-moz-transform: rotateX(0deg);-moz-transform-style: preserve-3d;} } @-webkit-keyframes contAnima11 { 0% {-webkit-transform: rotateX(0deg);-webkit-transform-style: preserve-3d;} 50% {-webkit-transform: rotateX(-90deg);-webkit-transform-style: preserve-3d;} 100% {-webkit-transform: rotateX(0deg);-webkit-transform-style: preserve-3d;} } .mod-pk-guide .comment, .mod-pk-guide .pinlun { background-color: #fff; width: 641px; padding-left: 50px; font-size: 12px; } /*直播LIVE*/ .mod-sports-live .live-frame{width:100%; height:calc(100vh - 79px);background:url(../images/sports/liveframe_bg.png?2) no-repeat center 79px;background-size: cover;background-attachment: fixed;} .live-text-bottom{width:95%; max-width:1600px; padding:30px 0;} .live-text-bottom > div{width:31%; color:#888;} .live-text-bottom > div.left{margin-right:6.5%; width:28%;} .live-text-bottom h3{margin-bottom:20px; font-size:20px;} .live-text-bottom i{display:inline-block; *display:inline; *zoom:1; width:20px; height:20px; position:relative; top:4px; margin-right:9px;} .live-text-bottom .icon-bugle{background:url(../images/sports/bugle.png) no-repeat;} .live-text-bottom .icon-notice{background:url(../images/sports/notice.png) no-repeat;} .live-text-bottom .icon-player{background:url(../images/sports/player.png) no-repeat;} .live-text-bottom > div img{margin-top:10px;} .live-text-bottom p{line-height:20px;} .live-tips{width:1440px; height:450px; margin:155px auto 150px; background:#fff; text-align:center; line-height:450px; font-size:16px;} /*真人娱乐*/ .mod-live-casino .layout{width:1000px;} .lc-bg{background:url(../d11_images/live_casino/lc_bg_left.png) no-repeat center top , url(../images/live_casino/lc_bg_left.png) no-repeat center top ;background-size:cover;padding-bottom:40px;position:absolute;left:0;z-index:0;width: calc(50% - 440px);height: 100%;} .lc-bg.right{background-image:url(../d11_images/live_casino/lc_bg_right.png), url(../images/live_casino/lc_bg_right.png);left:auto;right:0;} .ag-platform{background:url(../images/live_casino/lc_banner.jpg?2) no-repeat center top; height:530px; padding-top:120px; cursor:pointer; box-sizing:border-box;} .ag-platform .platform-info{width:700px; margin-left:42.5%;} .live-jackpot{height:160px; width:100%; margin:0 auto; background:url(../images/live_casino/ag_icons.png) no-repeat center bottom/ 80% auto;} .live-jackpot h3{font-size:55px;text-align: center;padding: 0;font-weight: 600;color: #ddaa75;letter-spacing: 2px;text-shadow: 1px 1px 1px rgba(0,0,0,.6);} .live-jackpot h3 span{background:linear-gradient(to right, #eec89b, #e2b685);-webkit-background-clip: text;-webkit-text-fill-color: transparent; text-shadow:none;filter: drop-shadow(1px 1px #666);} .mod-live-casino .ag-platform-btn{width:324px; height:60px; font-size:0; background:url(../images/live_casino/ag_btn.png) no-repeat center top; background-size:100% auto; display:block; margin:35px auto 0;} .mod-live-casino h2{font-size:14px; height:50px; line-height:50px; width:100%; color:#fff; text-align:center; vertical-align:middle;} .mod-live-casino h2 em{font-size:22px; padding-right:10px;} .mod-live-casino .ag-platform h2{background:none;} .mod-live-casino .live-platform-btn{width:116px; height:24px; font-size:0; background:url(../images/live_casino/lc_btn.png) no-repeat center top; background-size:100% auto; display:block; margin:0 auto;} .l-c-platform{position:relative;width:1100px;margin:0 auto;padding-bottom: 40px;background:white;} .l-c-platform li{float:left;display:inline;width:25%;height:auto;cursor:pointer;position:relative;overflow:hidden;padding: 10px 5px 0;background:#fff;box-sizing:border-box;} .l-c-platform li:first-child{margin-left:0;} .l-c-platform li img{width:100%; height:100%;} .l-c-platform .platform-info{position:absolute;background:url(../images/live_casino/lc_btn_bg.jpg) no-repeat;background-size:100% 100%;bottom: 0;left:5px;right:5px;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;height:50px;overflow:hidden;} .l-c-platform .hover .platform-info{height:90px;} .l-c-platform:before{content:"";display:block;height: 41px;bottom:0;position:absolute;z-index:0;left:0;right:0;background: #ddd;} /*棋牌*/ .cardgame-platform{background:url(../images/cardgame/bg.jpg) no-repeat center; background-size:cover; min-height:950px;} .mod-card-game img.cardgame-title{margin:60px auto; max-width:90%; display:block;} .mod-card-game .swiper-container {width:1200px;padding-top:130px;margin-left:-100px;height:auto; overflow:hidden;} .mod-card-game .swiper-slide {width:355px;} .mod-card-game .swiper-slide a{pointer-events:none;} .mod-card-game .swiper-slide a i{display:none;} .mod-card-game .swiper-slide img{width:100%;height:auto;} .mod-card-game .swiper-slide-active a{pointer-events:auto;} .mod-card-game .swiper-slide-active a i{display:block; width:250px; height:80px; margin-left:10%; background:url(../images/cardgame/card_btn.png) no-repeat;} .mod-card-game .swiper-slide-active a:hover i{background-position:center bottom;} .mod-card-game .swiper-slide-active img{width:110%;margin-left:-10%;margin-top:-30px} /*彩票投注*/ .lottery-wrap{background:url(../images/lottery/lotto_bg.jpg?4) no-repeat center top/cover #fff; padding:25px 0 75px;} .lottery-layout{width:1270px; margin:0 auto;} .lottery-layout > div{float:left; width:635px; height:388px; background:url(../images/lottery/lotto_sgwin.png?2) no-repeat center/100%; box-sizing:border-box; padding:135px 45px 0; position:relative; font-size:18px; color:#3d3d3d; line-height:1.8; cursor:pointer; transition:all .3s;} .lottery-layout > div:hover{transform:scale(1.03);} .lottery-layout > div.single{float:none; margin:0 auto;} .lottery-layout > div.lotto-vr{background-image:url(../images/lottery/lotto_vr.png?2)} .lottery-layout > div.lotto-elotto{background-image:url(../images/lottery/lotto_elotto.png?2)} .lottery-layout > div.lotto-pc{background-image:url(../images/lottery/lotto_pc.png)} .lottery-layout > div.lotto-98play{background-image:url(../images/lottery/lotto_98play.png?2)} .lottery-layout a{background:#ff8b47;background: -moz-linear-gradient(90deg, #ff8b47 0%, #fbca69 100%);background: -webkit-linear-gradient(90deg, #ff8b47 0%, #fbca69 100%);background: linear-gradient(90deg, #ff8b47 0%, #fbca69 100%); color:#fff; display: block;width: 140px;text-align: center;line-height: 45px;border-radius:8px;position: absolute;left:80px;bottom: 70px; opacity:0; transition:all .8s;} .lottery-layout > div:hover a{left:50px; opacity:1;} @media screen and (max-width:1300px){ .lottery-layout{width:1200px;} .lottery-layout > div{width:600px; height:358px; font-size:17px; padding-top:120px;} } /*电子游艺*/ .mod-games .games-hd-menu{height:300px; background:url(../images/games/banners.jpg) no-repeat top center;} .mod-games .games-hd-menu .bg1{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8);} .mod-games .jackpot-wrap{position:absolute; left:50%; top:30px; margin-left:-379px;} .mod-games .top-jackpot{width:758px; height:104px; background:url(../images/games/jackpot_bg.png) no-repeat; z-index:99;} .mod-games .top-jackpot p{width:430px; height:71px; font-size:46px; color:#fff; letter-spacing:5px; position:relative; top:10px; left:277px; text-align: center; display:inline-block;} .mynav{padding-top:148px; display:inline-block; width:100%; z-index:99; position:relative;} .mynav_con{width:1200px; margin:auto; color:#fff;} .mynav_con ul{margin-right:-17px;} .mynav_con ul li,.mynav_con ul li .box1{float:left; margin-right:17px; cursor:pointer;} .mynav_con ul li:hover .box1,.mynav_con ul li.current .box1{box-shadow:19px 0 46px rgba(249,177,113,0.43);} .mynav_con ul li .box1{position:relative; -webkit-transform:skew(170deg); -moz-transform:skew(170deg); -o-transform:skew(170deg); width:262px; transform:skew(170deg); box-shadow:7px 0 43px rgba(0,0,0,0.76);} .mynav_con ul li:hover .box1 .bg2,.mynav_con ul li.current .box1 .bg2{position:absolute; left:0; top:0; width:262px; height:424px; border:2px solid #ed8841;} .mynav_con ul li .box1 img{width:262px; height:423px; position:relative; z-index:92; padding-top:2px; margin-left:2px;} .mynav_con ul li .box1 img.a2{display:none;} .mynav_con ul li:hover .box1 img.a1{display:none;} .mynav_con ul li:hover .box1 img.a2{display:block;} .mynav_con ul li.current .box1 img.a1{display:none;} .mynav_con ul li.current .box1 img.a2{display:block;} .mynav_con ul li .box1 .item-info{position:absolute; left:28px; bottom:76px; z-index:95;} .mynav_con ul li .box1 .item-info h2{margin-bottom:0px; font-weight:700; font-size:26px; line-height:26px; background-image:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(244, 244, 244, 1)), to(rgba(138, 138, 138, 1))); -webkit-background-clip:text; -webkit-text-fill-color:transparent;} .mynav_con ul li .box1 .item-info h2 i{font-weight:400; font-style:normal; font-size:21px; background-image:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(244, 244, 244, 1)), to(rgba(138, 138, 138, 1))); -webkit-background-clip:text; -webkit-text-fill-color:transparent;} .mynav_con ul li .box1 .item-info h3{margin-bottom:-6px; margin-top:2px; font-size:16px; line-height:18px; background-image:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(244, 244, 244, 1)), to(rgba(138, 138, 138, 1))); -webkit-background-clip:text; -webkit-text-fill-color:transparent;} .mynav_con ul li .box1 .item-info h4{display:inline-block; width:197px; height:2px; margin-top:11px; background:url(../images/games/navline2.png) no-repeat;} .mynav_con ul li .box1 .item-info b{position:absolute; width:30px; height:52px; background:url(../images/games/gobtn.png) no-repeat; top:3px; left:0; display:none;} .mynav_con ul li .box1 .item-info_con{margin-left:0px; width:206px;} .mynav_con ul li:hover .box1 .item-info,.mynav_con ul li.current .box1 .item-info{left:18px;} .mynav_con ul li:hover .box1 .item-info b,.mynav_con ul li.current .box1 .item-info b{display:block;} .mynav_con ul li:hover .box1 .item-info_con,.mynav_con ul li.current .box1 .item-info_con{margin-left:34px;} .mynav2{display:inline-block; width:100%; margin-top:160px; z-index:99; position:relative;} .mynav2_con{width:1200px; margin:auto; height:110px; background:url(../images/games/kuang_bg1.png?2) no-repeat;} .mynav2_con1{padding:0 10px;} .mynav2_con1 ul{display: flex;justify-content:stretch;width: 100%;} .mynav2_con1 ul li{float:left; width:10%; text-align:center; cursor:pointer;} .mynav2_con1 ul li span{display:block; height:110px; line-height:110px; font-size:15px; color:#fff;} .mynav2_con1 ul li.current span,.mynav2_con1 ul li span:hover{background:url(../images/games/navline4.png?1) no-repeat;background-size: 130% 110px;} .mod-games .sticky-stuff{width:100%;height:calc(100vh - 79px);position:absolute;left: 0;z-index: -1; overflow:hidden;background: url(../images/games/game_bg_bottom.jpg?1) no-repeat center bottom/100%;} .mod-games .sticky-stuff:before{content:''; display:block; width:100%; height:350px;background: url(../images/games/game_bg_top.png) no-repeat center top/100%;} /*.mod-games .sticky-stuff:after{ bottom:0; left:0; height:0; padding-bottom:37.5vw;}*/ .mod-games .sticky-stuff.sticky {position: fixed;top: 79px;} .mod-games .games-platform-item{padding:40px 0;} .mod-games .games-sub-menu{width:80px; background:#fff; box-shadow: 0 2px 28px 0 rgba(255,189,99,0.25); float:left;} .mod-games .games-sub-menu li{font-size:12px; color:#a7a7a7; text-align:center; display:block; position:relative; cursor:pointer;} .mod-games .games-sub-menu li:hover,.mod-games .games-sub-menu li.current{background:-webkit-linear-gradient(top, #ffce6d, #ff9a4e) !important; background:-webkit-gradient(linear, left top, left bottom, from(#ffce6d), to(#ff9a4e)); background:linear-gradient(180deg, #ffce6d, #ff9a4e) !important; color:#fff;} .mod-games .games-sub-menu li:after{content:""; width:36px; height:1px; background:#efefef; margin-left:-18px; position:absolute; bottom:0px; left:50%;} .mod-games .games-sub-menu li:hover:after,.mod-games .games-sub-menu li.current:after{content:""; display:none;} .mod-games .games-sub-menu span{height:92px; line-height:140px; background-repeat:no-repeat; background-position:center 10px; display:block;} .mod-games .games-search{float:left; margin:0 0 20px 38px; border:1.5px solid #fcd9c2; box-shadow:9px 0 24px rgba(249,188,96,0.17);} .mod-games .games-search input{min-height:40px;width:197px; height:20px; float:left; padding:10px; background:#fff; border:none; border-radius:0; outline:0;} .mod-games .games-search a{width:40px; height:40px; float:left; background:-webkit-linear-gradient(top, #ffce6d, #ff9a4e) !important; background:-webkit-gradient(linear, left top, left bottom, from(#ffce6d), to(#ff9a4e)) !important; background:linear-gradient(180deg, #ffce6d, #ff9a4e) !important; box-shadow:4px 0 8px rgba(247,140,72,0.25);} .mod-games .games-search a:after{content:""; width:40px; height:40px; background:url(../images/games/mg_icon_search_hover.png) no-repeat center center; background-size:25px; display:block;} .mod-games .games-list{width:1096px; float:right;} .mod-games .games-list li{width:260px; height:268px; margin:0 0 20px 14px; position:relative; float:left; text-align:center; background:#fff; box-shadow: 0 2px 28px 0 rgba(255,189,99,0.25);} .mod-games .games-list li em{display:block; margin:0 auto;} .mod-games .games-list li img.fav_icon{transition:.3s all;top:15px;right:9px;background:white;padding: 10px;border-radius: 25%;width: 40px;height: 40px;box-shadow: 0px 2px 8px rgba(0,0,0,0.2);} .mod-games .games-list li img.fav_icon:hover{transform: translateY(-3px);} .mod-games .games-list .game-name{color:#120e0b; font-size:18px; margin:10px 0; font-weight:700;} .mod-games .games-list .game-rollover a{display:inline-block; height:40px; line-height:40px; text-align:center; color:#fff; font-size:18px; background:-webkit-linear-gradient(top, #ffce6d, #ff9a4e) !important; background:-webkit-gradient(linear, left top, left bottom, from(#ffce6d), to(#ff9a4e)) !important; background:linear-gradient(180deg, #ffce6d, #ff9a4e) !important; box-shadow:4px 0 8px rgba(247,140,72,0.25);} .mod-games .games-list .game-rollover a.real-play{width:160px;} .mod-games .games-list .game-rollover a.free-play{width:60px;} .mod-games .games-list li:hover .free-play{float:right; margin-right:13px; display:block !important;} .mod-games #favgame_list .games-item h2{font-size:24px;font-weight:bold;margin:10px 0 10px 14px;} /*.mod-games .mwg-item .games-list{text-align:center;} .mod-games .mwg-item .games-list li{float:none;display:inline-block;}*/ .games-sub-menu li span{background-image:url(../images/games/mg_icon7.png);} .games-sub-menu li.current span,.games-sub-menu li:hover span{background-image:url(../images/games/mg_icon7_hover.png);} /*Common games icon*/ .games-platform-item .games-list li em{width:150px; height:150px; margin-top:15px; background-size:cover;} .games-platform-item .tab1 span{background-image:url(../images/games/mg_icon1.png);} .games-platform-item .tab1.current span,.games-platform-item .tab1:hover span{background-image:url(../images/games/mg_icon1_hover.png);} .games-platform-item .tab2 span{background-image:url(../images/games/mg_icon12.png);} .games-platform-item .tab2.current span,.games-platform-item .tab2:hover span{background-image:url(../images/games/mg_icon12_hover.png);} .games-platform-item .games-list .game-rollover a.free-play{display:none !important;} /*ICG*/ .icg-item .tab3 span{background-image:url(../images/games/mg_icon7.png);} .icg-item .tab3.current span,.icg-item .tab3:hover span{background-image:url(../images/games/mg_icon7_hover.png);} .games-platform-item .games-icg-search span{background-image:url(../images/games/mg_icon_search.png);} .games-platform-item .games-icg-search.current span,.icg-item .games-icg-search:hover span{background-image:url(../images/games/mg_icon_search_hover.png);} /*ESPORT*/ .mod-esports{background:#272729;} .mod-esports .esports-wrap{height:700px; display:block; overflow:hidden;} .esportsgames-manbetx {height: 700px;width: 70%;text-align: center;float: left;background:url(../d11_images/games/esports/manbetx_banner.jpg) no-repeat, url(../images/games/esports/manbetx_banner.jpg) no-repeat ;background-size:100% 100%;transition: 1s;overflow:hidden;position:absolute;left:-5%;} .esportsgames-right {height: 700px;width: 70%;text-align: center;float: right;background:url(../d11_images/games/esports/tfesport_banner.png?3) no-repeat, url(../images/games/esports/tfesport_banner.png?3) no-repeat ;background-size:100% 100%;transition: 1s;overflow:hidden;position:absolute;right:-15%;} .esportsgames-manbetx:hover {background:url(../d11_images/games/esports/manbetx_banner_hover.jpg) no-repeat, url(../images/games/esports/manbetx_banner_hover.jpg) no-repeat ;background-size:100% 100%;left:-5%!important;} .esportsgames-right:hover{background:url(../d11_images/games/esports/tfesport_banner_hover.png?3) no-repeat, url(../images/games/esports/tfesport_banner_hover.png?3) no-repeat ;background-size:100% 100%;right:-5%;} .esportsgames-manbetx:hover ~ .esportsgames-right{right:-27.5%;} .esports-games:hover .esportsgames-manbetx{position:absolute;left:-27.5%;} .esportsgames-manbetx h1{position:absolute;top:50%;right:26%;transition: 1s;cursor:pointer;} .esportsgames-manbetx:hover h1{right:10%!important;} .esportsgames-right h1{position:absolute;top:50%;left:8%;transition: 1s;cursor:pointer;} .esportsgames-right:hover h1{left:10%;} .esports-games:hover .esportsgames-manbetx h1{right:9%;} .esportsgames-manbetx h1 > div > i{position:relative;top:0px; width:59px; height:40px; background:url(../images/games/esports/ico_arrow_right.png) no-repeat;background-size:100% 100%;display: inline-block;} .esportsgames-right h1 > div > i{position:relative;top:0px; width:59px; height:40px; background:url(../images/games/esports/ico_arrow_right.png) no-repeat;background-size:100% 100%;display: inline-block;} .esportsgames-manbetx:hover h1 > div::after, .esportsgames-right:hover h1 > div::after{content:''; background:url(../images/games/esports/esports_shadow.png) no-repeat;background-size:100% 100%;width:100%;height:20px;display:block;position:relative;top:10px;} .esports-games p{display:none;margin-top:10px;position:relative;} .esportsgames-manbetx:hover p{display:block;right:30px;} .esportsgames-right:hover h1 > p{display:block;left:30px;} .esportsgames-right .esports-effect{width:100%; height:100%; background:url(../images/games/esports/avia_banner_effect.png?3) no-repeat; background-size:100% 100%; animation:effectAnimation 1.5s ease-in-out infinite alternate; display:none;margin-left: 6%;} .esportsgames-right:hover .esports-effect{display:block;} .mod-esports .jackpot-wrap{position:absolute; left:50%; top:0; margin-left:-600px;z-index:99;} .mod-esports .top-jackpot{width:1200px; height:90px; background:url(../images/games/esports/topbg.png) center no-repeat; z-index:99;} .mod-esports .top-jackpot p{text-align:center; font-size:36px; color:#fff; line-height:90px; text-shadow:13px 0 -8px rgba(0,0,0,0.75);} .mod-esports .top-jackpot p i{width:196px; height:90px; display:inline-block; vertical-align:top; margin-right:-20px; background:url(../images/games/icon_money.png) no-repeat;} .mod-esports .top-jackpot p b{color:#fbdc4a; font-family:"Arial"; font-weight:400; background-image:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(252, 251, 68, 1)), to(rgba(248, 162, 84, 1))); -webkit-background-clip:text; -webkit-text-fill-color:transparent; max-width:800px; display:inline-block;} /*IM*/ .im-item .tab1 span{background-image:url(../images/games/mg_icon1.png);} .im-item .tab1.current span,.im-item .tab1:hover span{background-image:url(../images/games/mg_icon1_hover.png);} .im-item .tab2 span{background-image:url(../images/games/mg_icon3.png);} .im-item .tab2.current span,.im-item .tab2:hover span{background-image:url(../images/games/mg_icon3_hover.png);} .im-item .tab3 span{background-image:url(../images/games/mg_icon7.png);} .im-item .tab3.current span,.im-item .tab3:hover span{background-image:url(../images/games/mg_icon7_hover.png);} .im-item .tab4 span{background-image:url(../images/games/mg_icon13.png);} .im-item .tab4.current span,.im-item .tab4:hover span{background-image:url(../images/games/mg_icon13_hover.png);} .im-item .tab5 span{background-image:url(../images/games/mg_icon5.png);} .im-item .tab5.current span,.im-item .tab5:hover span{background-image:url(../images/games/mg_icon5_hover.png);} .im-item .tab6 span{background-image:url(../images/games/mg_icon12.png);} .im-item .tab6.current span,.im-item .tab6:hover span{background-image:url(../images/games/mg_icon12_hover.png);} .im-item .tab7 span{background-image:url(../images/games/mg_icon14.png);} .im-item .tab7.current span,.im-item .tab7:hover span{background-image:url(../images/games/mg_icon14_hover.png);} .im-item .games-im-search span{background-image:url(../images/games/mg_icon_search.png);} .im-item .games-im-search.current span,.im-item .games-im-search:hover span{background-image:url(../images/games/mg_icon_search_hover.png);} /*MG*/ .mg-item .tab1 span{background-image:url(../images/games/mg_icon1.png);} .mg-item .tab1.current span,.mg-item .tab1:hover span{background-image:url(../images/games/mg_icon1_hover.png);} .mg-item .tab2 span{background-image:url(../images/games/mg_icon12.png);} .mg-item .tab2.current span,.mg-item .tab2:hover span{background-image:url(../images/games/mg_icon12_hover.png);} .mg-item .tab3 span{background-image:url(../images/games/mg_icon18.png);} .mg-item .tab3.current span,.mg-item .tab3:hover span{background-image:url(../images/games/mg_icon18_hover.png);} .mg-item .tab4 span{background-image:url(../images/games/mg_icon4.png);} .mg-item .tab4.current span,.mg-item .tab4:hover span{background-image:url(../images/games/mg_icon4_hover.png);} .mg-item .tab5 span{background-image:url(../images/games/mg_icon5.png);} .mg-item .tab5.current span,.mg-item .tab5:hover span{background-image:url(../images/games/mg_icon5_hover.png);} .mg-item .tab6 span{background-image:url(../images/games/mg_icon6.png);} .mg-item .tab6.current span,.mg-item .tab6:hover span{background-image:url(../images/games/mg_icon6_hover.png);} .mg-item .tab7 span{background-image:url(../images/games/mg_icon16.png);} .mg-item .tab7.current span,.mg-item .tab7:hover span{background-image:url(../images/games/mg_icon16_hover.png);} .mg-item .tab8 span{background-image:url(../images/games/mg_icon7.png);} .mg-item .tab8.current span,.mg-item .tab8:hover span{background-image:url(../images/games/mg_icon7_hover.png);} .mg-item .games-mg-search span{background-image:url(../images/games/mg_icon_search.png);} .mg-item .games-mg-search.current span,.mg-item .games-mg-search:hover span{background-image:url(../images/games/mg_icon_search_hover.png);} /*PG*/ .pgs-item .tab1 span{background-image:url(../images/games/mg_icon1.png);} .pgs-item .tab1.current span,.pgs-item .tab1:hover span{background-image:url(../images/games/mg_icon1_hover.png);} .pgs-item .tab2 span{background-image:url(../images/games/mg_icon13.png);} .pgs-item .tab2.current span,.pgs-item .tab2:hover span{background-image:url(../images/games/mg_icon13_hover.png);} .pgs-item .games-pgs-search span{background-image:url(../images/games/mg_icon_search.png);} .pgs-item .games-pgs-search.current span,.pgs-item .games-pgs-search:hover span{background-image:url(../images/games/mg_icon_search_hover.png);} /*PT*/ .pt-item .tab1 span{background-image:url(../images/games/mg_icon1.png);} .pt-item .tab1.current span,.pt-item .tab1:hover span{background-image:url(../images/games/mg_icon1_hover.png);} .pt-item .tab2 span{background-image:url(../images/games/mg_icon12.png);} .pt-item .tab2.current span,.pt-item .tab2:hover span{background-image:url(../images/games/mg_icon12_hover.png);} .pt-item .tab3 span{background-image:url(../images/games/mg_icon7.png);} .pt-item .tab3.current span,.pt-item .tab3:hover span{background-image:url(../images/games/mg_icon7_hover.png);} .pt-item .tab4 span{background-image:url(../images/games/mg_icon17.png);} .pt-item .tab4.current span,.pt-item .tab4:hover span{background-image:url(../images/games/mg_icon17_hover.png);} .pt-item .tab5 span{background-image:url(../images/games/mg_icon15.png);} .pt-item .tab5.current span,.pt-item .tab5:hover span{background-image:url(../images/games/mg_icon15_hover.png);} .pt-item .tab6 span{background-image:url(../images/games/mg_icon5.png);} .pt-item .tab6.current span,.pt-item .tab6:hover span{background-image:url(../images/games/mg_icon5_hover.png);} .pt-item .tab7 span{background-image:url(../images/games/mg_icon13.png);} .pt-item .tab7.current span,.pt-item .tab7:hover span{background-image:url(../images/games/mg_icon13_hover.png);} .pt-item .games-pt-search span{background-image:url(../images/games/mg_icon_search.png);} .pt-item .games-pt-search.current span,.pt-item .games-pt-search:hover span{background-image:url(../images/games/mg_icon_search_hover.png);} /*JDB*/ .jdb-item .tab1 span{background-image:url(../images/games/mg_icon1.png);} .jdb-item .tab1.current span,.jdb-item .tab1:hover span{background-image:url(../images/games/mg_icon1_hover.png);} .jdb-item .tab2 span{background-image:url(../images/games/mg_icon12.png);} .jdb-item .tab2.current span,.jdb-item .tab2:hover span{background-image:url(../images/games/mg_icon12_hover.png);} .jdb-item .tab3 span{background-image:url(../images/games/mg_icon4.png);} .jdb-item .tab3.current span,.jdb-item .tab3:hover span{background-image:url(../images/games/mg_icon4_hover.png);} .jdb-item .tab4 span{background-image:url(../images/games/mg_icon7.png);} .jdb-item .tab4.current span,.jdb-item .tab4:hover span{background-image:url(../images/games/mg_icon7_hover.png);} .jdb-item .tab5 span{background-image:url(../images/games/mg_icon15.png);} .jdb-item .tab5.current span,.jdb-item .tab5:hover span{background-image:url(../images/games/mg_icon15_hover.png);} .jdb-item .tab6 span{background-image:url(../images/games/mg_icon13.png);} .jdb-item .tab6.current span,.jdb-item .tab6:hover span{background-image:url(../images/games/mg_icon13_hover.png);} .jdb-item .games-jdb-search span{background-image:url(../images/games/mg_icon_search.png);} .jdb-item .games-jdb-search.current span,.jdb-item .games-jdb-search:hover span{background-image:url(../images/games/mg_icon_search_hover.png);} /*PP*/ .pp-item .tab1 span{background-image:url(../images/games/mg_icon1.png);} .pp-item .tab1.current span,.pp-item .tab1:hover span{background-image:url(../images/games/mg_icon1_hover.png);} .pp-item .tab2 span{background-image:url(../images/games/mg_icon12.png);} .pp-item .tab2.current span,.pp-item .tab2:hover span{background-image:url(../images/games/mg_icon12_hover.png);} .pp-item .tab3 span{background-image:url(../images/games/mg_icon4.png);} .pp-item .tab3.current span,.pp-item .tab3:hover span{background-image:url(../images/games/mg_icon4_hover.png);} .pp-item .tab4 span{background-image:url(../images/games/mg_icon15.png);} .pp-item .tab4.current span,.pp-item .tab4:hover span{background-image:url(../images/games/mg_icon15_hover.png);} .pp-item .tab5 span{background-image:url(../images/games/mg_icon13.png);} .pp-item .tab5.current span,.pp-item .tab5:hover span{background-image:url(../images/games/mg_icon13_hover.png);} .pp-item .tab6 span{background-image:url(../images/games/mg_icon7.png);} .pp-item .tab6.current span,.pp-item .tab6:hover span{background-image:url(../images/games/mg_icon7_hover.png);} .pp-item .games-pp-search span{background-image:url(../images/games/mg_icon_search.png);} .pp-item .games-pp-search.current span,.pp-item .games-pp-search:hover span{background-image:url(../images/games/mg_icon_search_hover.png);} /*AG*/ .large-item .games-list{width:1200px;} .large-item .games-list li{width:578px; height:438px; margin:0 auto; position:relative;} .large-item .games-list li:first-child{margin-right:40px;} .large-item .games-list li:hover{background:none;} .large-item .games-list li:after{content:""; width:576px; height:438px; border:2px solid #fce1cf; position:absolute; top:0; left:0; z-index:-1; display:none;} .large-item .games-list li:hover:after{content:""; display:block;} .large-item .games-list li em{width:450px; height:230px; margin-top:60px;} /*SPG*/ .spg-item .tab1 span{background-image:url(../images/games/mg_icon1.png);} .spg-item .tab1.current span,.spg-item .tab1:hover span{background-image:url(../images/games/mg_icon1_hover.png);} .spg-item .tab2 span{background-image:url(../images/games/mg_icon12.png);} .spg-item .tab2.current span,.spg-item .tab2:hover span{background-image:url(../images/games/mg_icon12_hover.png);} .spg-item .tab3 span{background-image:url(../images/games/mg_icon7.png);} .spg-item .tab3.current span,.spg-item .tab3:hover span{background-image:url(../images/games/mg_icon7_hover.png);} .spg-item .tab4 span{background-image:url(../images/games/mg_icon5.png);} .spg-item .tab4.current span,.spg-item .tab4:hover span{background-image:url(../images/games/mg_icon5_hover.png);} .spg-item .tab5 span{background-image:url(../images/games/mg_icon7.png);} .spg-item .tab5.current span,.spg-item .tab5:hover span{background-image:url(../images/games/mg_icon7_hover.png);} .spg-item .tab6 span{background-image:url(../images/games/mg_icon7.png);} .spg-item .tab6.current span,.spg-item .tab6:hover span{background-image:url(../images/games/mg_icon7_hover.png);} .spg-item .games-spg-search span{background-image:url(../images/games/mg_icon_search.png);} .spg-item .games-spg-search.current span,.spg-item .games-spg-search:hover span{background-image:url(../images/games/mg_icon_search_hover.png);} /*MWG*/ .mwg-item .tab1 span{background-image:url(../images/games/mg_icon1.png);} .mwg-item .tab1.current span,.mwg-item .tab1:hover span{background-image:url(../images/games/mg_icon1_hover.png);} .mwg-item .tab2 span{background-image:url(../images/games/mg_icon12.png);} .mwg-item .tab2.current span,.mwg-item .tab2:hover span{background-image:url(../images/games/mg_icon12_hover.png);} .mwg-item .tab3 span{background-image:url(../images/games/mg_icon7.png);} .mwg-item .tab3.current span,.mwg-item .tab3:hover span{background-image:url(../images/games/mg_icon7_hover.png);} .mwg-item .games-mwg-search span{background-image:url(../images/games/mg_icon_search.png);} .mwg-item .games-mwg-search.current span,.mwg-item .games-mwg-search:hover span{background-image:url(../images/games/mg_icon_search_hover.png);} /*电游*/ .esport-item .tab1 span{background-image:url(../images/games/mg_icon1.png);} .esport-item .tab1.current span,.esport-item .tab1:hover span{background-image:url(../images/games/mg_icon1_hover.png);} .esport-item .tab2 span{background-image:url(../images/games/mg_icon12.png);} .esport-item .tab2.current span,.esport-item .tab2:hover span{background-image:url(../images/games/mg_icon12_hover.png);} .esport-item .tab3 span{display:none;background-image:url(../images/games/mg_icon7.png);} .esport-item .tab3.current span,.esport-item .tab3:hover span{display:none;background-image:url(../images/games/mg_icon7_hover.png);} .esport-item .games-esport-search span{background-image:url(../images/games/mg_icon_search.png);} .esport-item .games-esport-search.current span,.esport-item .games-esport-search:hover span{background-image:url(../images/games/mg_icon_search_hover.png);} /*CQ9*/ .cqg-item .tab1 span{background-image:url(../images/games/mg_icon1.png);} .cqg-item .tab1.current span,.cqg-item .tab1:hover span{background-image:url(../images/games/mg_icon1_hover.png);} .cqg-item .tab2 span{background-image:url(../images/games/mg_icon12.png);} .cqg-item .tab2.current span,.cqg-item .tab2:hover span{background-image:url(../images/games/mg_icon12_hover.png);} .cqg-item .tab3 span, .cqg-item .tab4 span{background-image:url(../images/games/mg_icon7.png);} .cqg-item .tab3.current span,.cqg-item .tab3:hover span, .cqg-item .tab4.current span,.cqg-item .tab4:hover span{background-image:url(../images/games/mg_icon7_hover.png);} .cqg-item .games-cqg-search span{background-image:url(../images/games/mg_icon_search.png);} .cqg-item .games-cqg-search.current span,.cqg-item .games-cqg-search:hover span{background-image:url(../images/games/mg_icon_search_hover.png);} /*AE*/ .ae-item .tab1 span{background-image:url(../images/games/mg_icon1.png);} .ae-item .tab1.current span,.ae-item .tab1:hover span{background-image:url(../images/games/mg_icon1_hover.png);} .ae-item .tab2 span{background-image:url(../images/games/mg_icon12.png);} .ae-item .tab2.current span,.ae-item .tab2:hover span{background-image:url(../images/games/mg_icon12_hover.png);} .ae-item .tab3 span, .ae-item .tab4 span{background-image:url(../images/games/mg_icon7.png);} .ae-item .tab3.current span,.ae-item .tab3:hover span, .ae-item .tab4.current span,.ae-item .tab4:hover span{background-image:url(../images/games/mg_icon7_hover.png);} .ae-item .games-ae-search span{background-image:url(../images/games/mg_icon_search.png);} .ae-item .games-ae-search.current span,.ae-item .games-ae-search:hover span{background-image:url(../images/games/mg_icon_search_hover.png);} /*FC*/ .fc-item .tab1 span{background-image:url(../images/games/mg_icon1.png);} .fc-item .tab1.current span,.fc-item .tab1:hover span{background-image:url(../images/games/mg_icon1_hover.png);} .fc-item .tab2 span{background-image:url(../images/games/mg_icon12.png);} .fc-item .tab2.current span,.fc-item .tab2:hover span{background-image:url(../images/games/mg_icon12_hover.png);} .fc-item .tab3 span, .fc-item .tab4 span{background-image:url(../images/games/mg_icon7.png);} .fc-item .tab3.current span,.fc-item .tab3:hover span, .fc-item .tab4.current span,.fc-item .tab4:hover span{background-image:url(../images/games/mg_icon7_hover.png);} .fc-item .games-fc-search span{background-image:url(../images/games/mg_icon_search.png);} .fc-item .games-fc-search.current span,.fc-item .games-fc-search:hover span{background-image:url(../images/games/mg_icon_search_hover.png);} /*HW*/ .hw-item .tab1 span{background-image:url(../images/games/mg_icon1.png);} .hw-item .tab1.current span,.hw-item .tab1:hover span{background-image:url(../images/games/mg_icon1_hover.png);} .hw-item .tab2 span{background-image:url(../images/games/mg_icon12.png);} .hw-item .tab2.current span,.hw-item .tab2:hover span{background-image:url(../images/games/mg_icon12_hover.png);} .hw-item .tab3 span, .hw-item .tab4 span{background-image:url(../images/games/mg_icon7.png);} .hw-item .tab3.current span,.hw-item .tab3:hover span, .hw-item .tab4.current span,.hw-item .tab4:hover span{background-image:url(../images/games/mg_icon7_hover.png);} .hw-item .games-hw-search span{background-image:url(../images/games/mg_icon_search.png);} .hw-item .games-hw-search.current span,.hw-item .games-hw-search:hover span{background-image:url(../images/games/mg_icon_search_hover.png);} /*优惠活动*/ .mod-promotions .menu-sub{padding:15px 0;} .mod-promotions .menu-sub ul{display:flex;} .mod-promotions .menu-sub ul li{height:40px; width:125px; line-height:40px; margin-right:12px; float:left; display:inline;} .mod-promotions .menu-sub ul li a{width:100%; height:100%; color:#fff; display:block; font-size:14px; text-align:center; border-radius:3px;} .mod-promotions .menu-sub ul li a:hover{color:#FFC93C;} .mod-promotions .menu-sub ul .current a,.mod-promotions .menu-sub ul .current a:hover{background: linear-gradient(0deg, #ff8839, #ffb056);} .mod-promotions .area-main{width:970px; margin:10px 5px 20px;} .mod-promotions .area-main li{margin-bottom:10px; width:100%;} .mod-promotions .info-tit{cursor:pointer;} .mod-promotions .info-cont{color:#444; padding:0 20px 20px; border-left:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #eee; line-height:24px; font-size:14px; display:none;} .mod-promotions .info-cont h3{font:22px/1.5 "Microsoft YaHei"; color:#333; padding:15px 0;} .mod-promotions .info-cont table{margin:15px 0; width:100%;} .mod-promotions .info-cont table td,.mod-promotions .info-cont table th{border:1px solid #ccc; text-align:center; padding:5px 0;} .mod-promotions .info-cont table th{color:#333;} .mod-promotions .info-cont ol,.mod-promotions .info-cont ul{list-style:decimal; margin-left:5px;} .mod-promotions .info-cont li{list-style-type:inherit; margin-left:16px; padding-left:5px; width:auto;} .mod-promotions .btn-apply,.mod-promotions .btn-record,.mod-promotions .btn-il{width:120px; height:40px; line-height:40px; font-size:14px; margin:12px 0 0 12px; color:#fff; text-align:center; background:url(../images/promo/promo_btn.png) no-repeat; text-shadow:1px 1px 2px rgba(0, 0, 0, .5);} .mod-promotions .btn-apply:hover,.mod-promotions .btn-record:hover,.mod-promotions .btn-il:hover{background-position:0 -40px;} .mod-promotions .btn-applied{background:#ccc; border-radius:3px; width:120px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:14px; margin:12px 0 0 12px;} .mod-promotions .btn-applied:hover{color:#fff;} .promotions-wrap .bg-wrapper{background:url(../d11_images/promo/promo_bg.jpg?1) no-repeat, #fcfcfc url(../images/promo/promo_bg.jpg?1) no-repeat; background-size:100%;} .promotions-wrap .bg-wrapper.promo_fixed{background-attachment:fixed; background-size:100%; background-position:center 70px;} #promotionCriteriaModal .btn-sub,#promotionCriteriaModal .btn-close,#promotionConfirmationModal .btn-sub,#promotionConfirmationModal .btn-close{cursor:pointer;} /*客户端*/ #client{font-size:14px;} .mod-client a, .mod-client h2{color:#444;} .mod-client h4{font-weight:400;} .mod-client .content { max-width: 1920px; margin: auto; min-height: 400px; overflow: auto } .mod-client .dots { width: 8px; height: 150px; position: fixed; right: 3px; top: 50%; margin-top: -75px; z-index: 999 } .mod-client .dots li { width: 8px; height: 8px; border-radius: 4px; background: #c8c8c8; margin-bottom: 27px; position: relative; cursor: pointer } .mod-client .dots li span { position:absolute;display:inline-block;width:100px;height:30px;color:white;text-align:center;line-height:28px;font-size:16px;z-index:999;position:absolute;margin:0 5px;background:#C8C8C8;border-radius:3px;box-shadow:0px 2px 3px rgba(0,0,0,0.1);top:-10px;right:12px;} .mod-client .dots li span:before {content: '';display: block;width: 0;height: 0;border-style: solid;border-width: 6px 0 6px 6px;border-color: transparent transparent transparent #C8C8C8;position: absolute;right: -5px;top: 50%;margin-top: -6px;} .mod-client .dots .active span:before,.mod-client .dots li:hover span:before{border-color: transparent transparent transparent #F8B24D;} .mod-client .dots .active span, .mod-client .dots li:hover span { display: block; background:#F8B24D;} .mod-client .boundary { width: 1200px; margin: 0 auto; height: 100%; position: relative } .mod-client .page-1 { height: 826px; background-size: contain; position: relative } .mod-client .cy_canvas { width: 60%; height: 446px; position: absolute; bottom: 0; left: 0 } .mod-client .page-1 .phone {width: 400px;height: 570px;margin-top: 110px;margin-left: auto;position: relative;margin-right: auto;} .mod-client .page-1 .phone-border {position: absolute;width: 242px;height: 484px;background: url(../images/mobile/phone_frame.png) no-repeat;left: 78px;top: 43px;} .mod-client .blank-layer{position:absolute; top:0; left:-15%; bottom:0; right:-15%; background:url(../images/mobile/blank.png); z-index:99;} .mod-client .page1-phone-slider {top:10%; position:relative; z-index:0; left:23%; height:457px; width:214px;} .mod-client .logger{width: 550px;height: 600px;margin-top: 110px;margin-left: auto;position: relative;margin-right: auto;} .mod-client .logger img{width:100%;} .page1-phone-slider img{position:absolute; width:214px; height:457px;-webkit-box-shadow:rgba(102,102,102,.5) 0 0 100px;box-shadow:rgba(102,102,102,.5) 0 0 100px; z-index:12; top:50%; transform:translate(0, -50%); transition:all .4s, z-index 0s; transform-origin:50% 50%;} .page1-phone-slider.tab1 .pslide1,.page1-phone-slider.tab1 .pslide5{z-index:2; opacity:.7} .page1-phone-slider.tab1 .pslide2,.page1-phone-slider.tab1 .pslide4{z-index:4; opacity:.9} .page1-phone-slider.tab1 .pslide5{transform:translate(-70%, -50%) scale(.6);} .page1-phone-slider.tab1 .pslide4{transform:translate(-40%, -50%) scale(.85);} .page1-phone-slider.tab1 .pslide2{transform:translate(40%, -50%) scale(.85);} .page1-phone-slider.tab1 .pslide1{transform:translate(70%, -50%) scale(.6);} .page1-phone-slider.tab2 .pslide1,.page1-phone-slider.tab2 .pslide5{z-index:4; opacity:.7} .page1-phone-slider.tab2 .pslide2.pslide2,.page1-phone-slider.tab2 .pslide4{z-index:6; opacity:.9} .page1-phone-slider.tab2 .pslide6{z-index:1; opacity:.3} .page1-phone-slider.tab2 .pslide5{transform:translate(-70%, -50%) scale(.6);} .page1-phone-slider.tab2 .pslide4{transform:translate(-40%, -50%) scale(.85);} .page1-phone-slider.tab2 .pslide2{transform:translate(40%, -50%) scale(.85);} .page1-phone-slider.tab2 .pslide1{transform:translate(70%, -50%) scale(.6);} .page1-phone-slider.tab2 .pslide6{transform:translate(90%, -50%) scale(.5);} .mod-client .introduce { width: 547px; margin-top: 134px } .mod-client .download-btn {height:52px; margin-top:96px; display:block;} .mod-client .download-btn a{background:#fecc72;background:-moz-linear-gradient(top, #fecc72 0%, #fd8c3c 100%);background:-webkit-linear-gradient(top, #fecc72 0%,#fd8c3c 100%);background:linear-gradient(to bottom, #fecc72 0%,#fd8c3c 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fecc72', endColorstr='#fd8c3c',GradientType=0 );border-radius:10px;line-height:52px;text-align:center;font-size:18px;color:#fff;display: inline;float: left;width: 220px;margin-right: 15px;} .mod-client .all-page-tab { text-align: center; width: 100%; bottom: 16px; position: absolute } .mod-client .all-page-tab a { display: inline-block; width: 80px; height: 60px; margin: 0 30px; position: relative; line-height: 60px } .mod-client .all-page-tab a i { display: inline-block; width: 100%; height: 5px; left: 0; bottom: 0; position: absolute } .mod-client .all-page-tab .active i { background: #f5be6f } .mod-client .page-2 { height: 900px } .mod-client .page-2 .boundary { overflow: auto } .mod-client .video-wrapper { width: 1050px; height: 610px; margin: 144px auto 0; background: #ccc; overflow: hidden } .mod-client .video-mask { width: 100%; height: 100%; background: #000 url(images/video_img.png) no-repeat -1px -1px } .mod-client video { width: 100%; height: 100% } .mod-client .page-3 { height: 900px; position: relative } .mod-client .page-3-wrapper { height: 555px; width: 100%; background: #fff } .mod-client .page-3 .page-3-bg { height: 345px; background: url(../images/mobile/page5_bg.jpg) no-repeat; background-size: cover; background-position: 50%; width: 100%; background-attachment: fixed } .mod-client .page-3 .page-3-bg.sports-bg { background: url(../images/mobile/page_3.jpg) no-repeat; height: 345px; background-size: cover; background-position: 50%; width: 100%; background-attachment: fixed } .mod-client .page-3 .phone { width: 354px; padding: 10px 20px 0; height: 457px; position: absolute; bottom: 0; left: 128px; background-size: cover; background-position: 50% } .mod-client .phone-border {position: absolute;width: 100%;height: 100%;z-index: 15;top: 0;left: 0;background-size: cover;background-position: 50%;} .mod-client .page-3 .phone .slider-wrapper { height: 100%; border-radius: 5px } .mod-client .keep-out { height: 10px; background: #fff; position: absolute; width: 100%; left: 0; top: 10px; z-index: 998 } .mod-client .slide-item-2-1 { width: 600px; height: 500px; position: absolute; bottom: -55px; background: url(../images/mobile/slider1bg.png) no-repeat } .mod-client .slide-item-2-1 .slider-wrapper { width: 290px; height: 403px; left: 166px; top: 42px; border-radius: 5px; position: absolute; overflow: hidden } .mod-client .slide-item-2-1 .slider-wrapper .gutter{position:relative; overflow:visible; display:block; float:left;} .mod-client .slide-item-2-1 .slider-wrapper .gutter:before{display:block; content:''; background: url(../images/mobile/gutter.png) no-repeat; position: absolute; left: -39px; top: 8px; z-index: 1; width: 78px; height: 403px; background-size: cover; cursor: pointer } .mod-client .slide-item-2-1 .slider-wrapper .imgLeft, .mod-client .slide-item-2-1 .slider-wrapper .imgRight { display:block; height:460px; width: 50%; float:left; overflow: hidden } .mod-client .slide-item-2-1 .slider-wrapper .imgLeft{background: url(../d11_images/mobile/daytime.png?1) no-repeat left top , url(../images/mobile/daytime.png?1) no-repeat left top ;} .mod-client .slide-item-2-1 .slider-wrapper .imgRight{background:url(../d11_images/mobile/night.png?1) no-repeat right top , url(../images/mobile/night.png?1) no-repeat right top ; float:right;} .mod-client .slide-item-2-1 .phone .slider-wrapper img:last-child { z-index: 1 } .mod-client .page-3 .phone .slider-wrapper img { width: 100% } .mod-client .page-3 .page3-content { width: 528px; height: 382px; position: absolute; right: 0; bottom: 0 } .mod-client .page-3 .page3-content h2 { height: 50px; font-size: 50px; line-height: 50px; text-align: left; margin-bottom: 33px } .mod-client .page-3 .page3-content p { line-height: 30px; color: #666; font-size: 20px } .mod-client .page-4 { height: 900px; position: relative } .mod-client .page-4-bg { height: 345px; background: url(../images/mobile/page4_bg.jpg) no-repeat; background-size: cover; background-position: 50%; background-attachment: fixed } .mod-client .page-4-bg.sports-bg { height: 345px; background: url(../images/mobile/page5_bg.jpg) no-repeat; background-size: cover; background-position: 50%; background-attachment: fixed } .mod-client .page-4-wrapper { height: 550px; background: #fff; width: 100%; bottom: 0; position: absolute } .mod-client .page-4 .phone { height: 410px; width: 546px; position: absolute; right: 0; bottom: 0; background: url(../images/mobile/page4_phone_bg.png) no-repeat 34px top } .mod-client .page4-content { height: 380px; width: 600px; position: absolute; bottom: 0; left: 0 } .mod-client .page4-content h2 { height: 50px; font-size: 50px; line-height: 50px; margin-bottom: 40px } .mod-client .page4-content p { line-height: 30px; font-size: 20px; color: #666; letter-spacing: 1px } .mod-client .page-5 { height: 900px } .mod-client .page-5-bg { height: 345px; background: url(../images/mobile/sport_bg1.jpg) no-repeat; background-size: cover; background-position: 50%; background-attachment: fixed } .mod-client .page-5-bg.sports-bg { height: 345px; background: url(../images/mobile/page_5.jpg) no-repeat; background-size: cover; background-position: 50%; background-attachment: fixed } .mod-client .page-5-wrapper { height: 554px; background: #fff; width: 100%; bottom: 0; position: relative } .mod-client .page-5-wrapper .phone { width: 700px; height: 400px; background: url(../images/mobile/page5_phone_bg.png) no-repeat 0 5px; bottom: 0; left: 0; position: absolute } .mod-client .page-5-wrapper .phone-float { width: 522px; height: 426px; position: absolute; left: 14px; top: 2px } .mod-client .page5-content { width: 490px; height: 370px; position: absolute; right: 0; bottom: 0 } .mod-client .page5-content h2 { height: 50px; font-size: 50px; line-height: 50px; text-align: left; margin-bottom: 33px } .mod-client .page-5 .page5-content p { line-height: 30px; color: #666; font-size: 20px } .mod-client .page-6-bg { height: 345px; background: url(../images/mobile/sport_bg3.jpg) no-repeat; background-size: cover; background-position: 50%; background-attachment: fixed } .mod-client .page-6-bg.sports-bg { height: 345px; background: url(../images/mobile/page_6.jpg) no-repeat; background-size: cover; background-position: 50%; background-attachment: fixed } .mod-client .page-6-wrapper { height: 550px; background: #fff; width: 100%; bottom: 0; position: relative } .mod-client .page-6-wrapper .phone { width: 523px; height: 693px; position: absolute; right: -40px; bottom: 0; z-index: 10; background: url(../images/mobile/page6_phone.png) no-repeat } .mod-client .page6-content { width: 308px; height: 314px; position: absolute; left: 215px; top: 94px } .mod-client .page6-content .erweima { width: 143px; height: 143px; margin: 0 auto } .mod-client .page6-content p { height: 50px; line-height: 50px; text-align: center; font-size: 14px } .mod-client .slide-item-1-1 { width: 600px; height: 500px; background: url(../d11_images/mobile/page3_phone.png?3) no-repeat -22px bottom, url(../images/mobile/page3_phone.png?3) no-repeat -22px bottom; position: absolute; bottom: 0 } .mod-client .slide-item-1-1 .slide3 {position: absolute;width: 397px;height: 207px;background: url(../d11_images/mobile/slider4-3.png?3) no-repeat center/contain, url(../images/mobile/slider4-3.png?3) no-repeat center/contain;right: 132px;bottom: 147px;z-index: 1;opacity: 0;-webkit-transform: translate(-20px, 20px);-ms-transform: translate(-20px, 20px);transform: translate(-20px, 20px);-webkit-animation-delay: .5s;animation-delay: .5s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;} .mod-client .slide-item-1-1 .slide2 {width: 397px;height: 207px;background: url(../d11_images/mobile/slider4-2.png?3) no-repeat center/contain, url(../images/mobile/slider4-2.png?3) no-repeat center/contain;right: 107px;bottom: 166px;z-index: 2;-webkit-transform: translate(-30px, 30px);-ms-transform: translate(-30px, 30px);transform: translate(-30px, 30px);-webkit-animation-delay: 1s;animation-delay: 1s;} .mod-client .slide-item-1-1 .slide1, .mod-client .slide-item-1-1 .slide2 { position: absolute; opacity: 0; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } .mod-client .slide-item-1-1 .slide1 {width: 395px;height: 225px;background: url(../d11_images/mobile/slider4-1.png?3) no-repeat center/contain, url(../images/mobile/slider4-1.png?3) no-repeat center/contain;right: 95px;bottom: 180px;z-index: 3;-webkit-transform: translate(-40px, 40px);-ms-transform: translate(-40px, 40px);transform: translate(-40px, 40px);-webkit-animation-delay: 1.5s;animation-delay: 1.5s;} .mod-client .slide-item-1-2 { width: 600px; height: 500px; background: url(../d11_images/mobile/page4_phone.png?2) no-repeat -6px bottom, url(../images/mobile/page4_phone.png?2) no-repeat -6px bottom; position: absolute; right: 0; bottom: 0 } .mod-client .slide-item-1-2 > div {background: url(../images/mobile/slider5_01.png?2) no-repeat;position: absolute;width: 360px;height: 268px;left: 30px;bottom: 40px;z-index: 3;opacity: 0;-webkit-transform: translate(-6px, 40px);-ms-transform: translate(-6px, 40px);transform: translate(-6px, 40px);-webkit-animation-delay: .5s;animation-delay: .5s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;} .mod-client .slide-item-1-2 .slide2 {left: 20px;bottom: 56px;z-index: 4;-webkit-animation-delay: 1s;animation-delay: 1s;} .mod-client .slide-item-1-2 .slide3 {left: 10px;bottom: 72px;z-index: 5;-webkit-animation-delay: 2s;animation-delay: 2s;} .mod-client .slide-item-1-3 { width: 600px; height: 500px; background: url(../d11_images/mobile/page5_phone.png?1) no-repeat 0 100%, url(../images/mobile/page5_phone.png?1) no-repeat 0 100% ; position: absolute; bottom: 0 } .mod-client .slide-item-1-3 .slide1 { background: url(../d11_images/mobile/slider6-3.png?1) no-repeat, url(../images/mobile/slider6-3.png?1) no-repeat; left: -20px; z-index: 1; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } .mod-client .slide-item-1-3 .slide1, .mod-client .slide-item-1-3 .slide2 { position: absolute; width: 600px; height: 505px; bottom: -10px; opacity: 0; -webkit-transform: translate(-6px, 40px); -ms-transform: translate(-6px, 40px); transform: translate(-6px, 40px) } .mod-client .slide-item-1-3 .slide2 { background: url(../d11_images/mobile/slider6-2.png?1) no-repeat, url(../images/mobile/slider6-2.png?1) no-repeat; left: -15px; bottom:-10px; z-index: 2; -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } .mod-client .slide-item-1-3 .slide3 { position: absolute; width: 600px; height: 505px; background: url(../d11_images/mobile/slider6-1.png?2) no-repeat, url(../images/mobile/slider6-1.png?2) no-repeat; left: -10px; bottom: -10px; z-index: 3; opacity: 0; -webkit-transform: translate(-6px, 40px); -ms-transform: translate(-6px, 40px); transform: translate(-6px, 40px); -webkit-animation-delay: 1.5s; animation-delay: 1.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } .mod-client .slide-item-2-3 { width: 600px; height: 500px; position: absolute; right: 0; bottom: -55px; background: url(../d11_images/mobile/slider3bg.png) no-repeat -70px top , url(../images/mobile/slider3bg.png) no-repeat -70px top } .mod-client .slide-item-2-3 .slide1 { width: 308px; height: 183px; background: url(../d11_images/mobile/slider3-3.png) no-repeat, url(../images/mobile/slider3-3.png) no-repeat; position: absolute; z-index: 1; top: 100px; left: 100px; opacity: 0; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } .mod-client .slide-item-2-3 .slide2 { width: 335px; height: 204px; background: url(../d11_images/mobile/slider3-2.png) no-repeat, url(../images/mobile/slider3-2.png) no-repeat; position: absolute; z-index: 2; top: 80px; left: 60px; opacity: 0; -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } .mod-client .slide-item-2-3 .slide3 { width: 335px; height: 221px; background: url(../d11_images/mobile/slider3-1.png) no-repeat, url(../images/mobile/slider3-1.png) no-repeat; position: absolute; z-index: 3; top: 50px; left: 10px; opacity: 0; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } .mod-client .slide-item-2-2 { width: 600px; height: 500px; position: absolute; bottom: -57px; background: url(../images/mobile/slider2bg.png) no-repeat } .mod-client .slide-item-2-2 .slide1 { width: 166px; height: 107px; background: url(../images/mobile/slider2-3.png) no-repeat; position: absolute; z-index: 1; top: 172px; left: 176px } .mod-client .slide-item-2-2 .slide2 { width: 183px; height: 124px; background: url(../images/mobile/slider2-2.png) no-repeat; position: absolute; z-index: 2; top: 142px; left: 188px; opacity: 0; -webkit-animation-delay: .6s; animation-delay: .6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } .mod-client .slide-item-2-2 .slide3 { width: 226px; height: 150px; background: url(../images/mobile/slider2-1.png) no-repeat; top: 102px; left: 200px; -webkit-animation-delay: 1.2s; animation-delay: 1.2s } .mod-client .slide-item-2-2 .slide3, .mod-client .slide-item-2-2 .slide4 { position: absolute; z-index: 3; opacity: 0; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } .mod-client .slide-item-2-2 .slide4 { width: 201px; height: 109px; background: url(../images/mobile/slider2-4.png) no-repeat; bottom: 66px; left: 226px } .mod-client .slide-item-2-2 .slide5 { width: 212px; height: 115px; background: url(../images/mobile/slider2-5.png) no-repeat; position: absolute; z-index: 4; bottom: 88px; left: 236px; opacity: 0; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } .mod-client .animationStart { -webkit-animation-name: slideItem1_1; animation-name: slideItem1_1; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease; animation-timing-function: ease } .mod-client .animationStart1 { -webkit-animation-name: slideItem2_1; animation-name: slideItem2_1; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-timing-function: ease; animation-timing-function: ease } .mod-client .animationStart4 { -webkit-animation-name: slideItem3_2; animation-name: slideItem3_2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease; animation-timing-function: ease } .mod-client .animationStart5 { -webkit-animation-name: slideItem3_3; animation-name: slideItem3_3; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease; animation-timing-function: ease } @-webkit-keyframes slideItem1_1 { 0% {-webkit-transform:translate(-20px, 20px);transform:translate(-20px, 20px);opacity:0}to { -webkit-transform: translate(0); transform: translate(0); opacity: 1 }} @keyframes slideItem1_1 { 0% {-webkit-transform:translate(-20px, 20px);transform:translate(-20px, 20px);opacity:0}to { -webkit-transform: translate(0); transform: translate(0); opacity: 1 }} @-webkit-keyframes slideItem2_1 { 0% {-webkit-transform:translate(-6px, 40px);transform:translate(-6px, 40px);opacity:0}to { -webkit-transform: translate(0); transform: translate(0); opacity: 1 }} @keyframes slideItem2_1 { 0% {-webkit-transform:translate(-6px, 40px);transform:translate(-6px, 40px);opacity:0}to { -webkit-transform: translate(0); transform: translate(0); opacity: 1 }} @-webkit-keyframes slideItem3_2 { 0% {-webkit-transform:translate(-20px, 20px);transform:translate(-20px, 20px);opacity:0}to { -webkit-transform: translate(0); transform: translate(0); opacity: 1 }} @keyframes slideItem3_2 { 0% {-webkit-transform:translate(-20px, 20px);transform:translate(-20px, 20px);opacity:0}to { -webkit-transform: translate(0); transform: translate(0); opacity: 1 }} @-webkit-keyframes slideItem3_3 { 0% {-webkit-transform:translate(20px, 20px);transform:translate(20px, 20px);opacity:0}to { -webkit-transform: translate(0); transform: translate(0); opacity: 1 }} @keyframes slideItem3_3 { 0% {-webkit-transform:translate(20px, 20px);transform:translate(20px, 20px);opacity:0}to { -webkit-transform: translate(0); transform: translate(0); opacity: 1 }} /* popup */ .mod-client .imgbox{width:402px;height:485px;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);display:none;background:#FFFFFF;border-radius:10px;} .swiper-container{width:402px; height:495px;} .swiper-container .next{background-image:url(../images/mobile/popup/right.png?2) !important; background-size:100% 100%; width:50px !important; height:50px !important;} .swiper-container .prev{background-image:url(../images/mobile/popup/left.png?2) !important; background-size:100% 100%; width:50px !important; height:50px !important;} .swiper-container img{width:402px;height:485px;border-radius:10px;} .swiper-slide{text-align:center; font-size:18px; line-height:370px;} .pop_content .logo{width:440px;height:50px;background-size:100%;border-radius:10px 10px 0 0;margin-left:60px;} .pop_content{width:80%;margin:0 auto;} .hide_box,.hide_box1,.hide_box2,.hide_box3,.hide_box4,.hide_box5{z-index:999;filter:alpha(opacity=80);background:#666;opacity:0.8;-moz-opacity:0.5;left:0;top:0;height:100%;width:100%;position:fixed;display:none;} .shang_box,.shang_box1,.shang_box2,.shang_box3,.shang_box4,.shang_box5{width:500px;height:597px;background-color:#fff;border-radius:10px;position:fixed;z-index:1000;left:50%;top:50%;margin-left:-280px;margin-top:-280px;display:none;background: #d2d2d2; /* Old browsers */ background: -moz-linear-gradient(top, #d2d2d2 1%, #bcbcbc 49%, #a2a2a2 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #d2d2d2 1%,#bcbcbc 49%,#a2a2a2 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #d2d2d2 1%,#bcbcbc 49%,#a2a2a2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d2d2', endColorstr='#a2a2a2',GradientType=0 ); /* IE6-9 */} .shang_box1,.shang_box2,.shang_box3,.shang_box4,.shang_box5{width:500px;height:597px;background-color:#fff;border-radius:10px;position:fixed;z-index:1000;left:50%;top:50%;margin-left:-280px;margin-top:-280px;display:none;} .shang_box img,.shang_box1 img,.shang_box2 img,.shang_box3 img,.shang_box4 img,.shang_box5 img{border:none;border-width:0;} .shang_close{float:right;display:inline-block;} .shang_close img{width:35px;height:35px;vertical-align:middle;transition:all 0.5s;margin:5px;} .shang_close img:hover{transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);} .shang_tit{width:100%;text-align:center;line-height:30px;font-family:'Microsoft YaHei';margin-top:7px;margin-right:2px;} .shang_tit p{color:#a3a3a3;text-align:center;font-size:16px;overflow-wrap: break-word;} .shang_tit h4{color:#fd9645;height:60px;line-height:50px;font-size:23px;} .shang_payimg{width:140px;padding:2px;border:6px solid #666666;margin:0 auto;border-radius:3px;height:140px;} .shang_payimg img{display:block;text-align:center;width:140px;height:140px;} .pay_explain{text-align:center;margin:16px auto;font-size:18px;color:dodgerblue;} .shang_info{clear:both;} .shang_info p{color:#C3C3C3;text-align:center;font-size:16px;text-decoration:none;margin-top:10px;} .install{width:400px;height:55px;margin:0 auto;font-size:25px;border-radius:10px;text-align:center;line-height:55px;color:#fff;margin-top:10px;background: #ffc96e; /* Old browsers */background: -moz-linear-gradient(top, #ffc96e 1%, #fd9643 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #ffc96e 1%,#fd9643 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #ffc96e 1%,#fd9643 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc96e', endColorstr='#fd9643',GradientType=0 ); /* IE6-9 */cursor: pointer;} .choice{height:500px;position:relative;} .w35{width:30px;padding-top:15px;padding-bottom:6px;} .centerBox1,.centerBox2,.centerBox3,.centerBox4,.centerBox5{position: relative;width: 100%;} .centerBox2,.centerBox3,.centerBox5{display:none;} .shang_box1 .centerBox2,.shang_box2 .centerBox2,.shang_box3 .centerBox2,.shang_box4 .centerBox2,.shang_box5 .centerBox2{display:block;} .shang_content{background:#fff;border-radius:10px;width:380px;height:400px;padding:10px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;} .shang_content hr {background:#e4e4e4;width:300px;} .centerBox2 .shang_content,.centerBox3 .shang_content, .centerBox5 .shang_content{height:438px} * end popup */ /* swiper.min.css */ .swiper-container{margin-left:auto;margin-right:auto;position:relative;z-index:1;} .swiper-container-no-flexbox .swiper-slide{float:left;} .swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;} .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;} .swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-o-transform:translate(0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} .swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;} .swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto;} .swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative;} .swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto;} .swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform, height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform, height;} .swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000;} .swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y;} .swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x;} .swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat;} .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none;} .swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto;} .swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");} .swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");} .swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto;} .swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");} .swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");} .swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:10;} .swiper-pagination.swiper-pagination-hidden{opacity:0;} .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:-28px;left:0;width:100%;} .swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2;} button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none;} .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer;} .swiper-pagination-white .swiper-pagination-bullet{background:#fff;} .swiper-pagination-bullet-active{opacity:1;background:#007aff;} .swiper-pagination-white .swiper-pagination-bullet-active{background:#fff;} .swiper-pagination-black .swiper-pagination-bullet-active{background:#000;} .swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0, -50%, 0);-moz-transform:translate3d(0, -50%, 0);-o-transform:translate(0, -50%);-ms-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0);} .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block;} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;} .swiper-pagination-progress{background:rgba(0, 0, 0, .25);position:absolute;} .swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top;} .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top;} .swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0;} .swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0;} .swiper-pagination-progress.swiper-pagination-white{background:rgba(255, 255, 255, .5);} .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff;} .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000;} .swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px;} .swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;} .swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10;} .swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));background-image:-moz-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));background-image:-o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));background-image:linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));} .swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));background-image:-moz-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));background-image:-o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));background-image:linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));} .swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));background-image:-moz-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));background-image:-o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));background-image:linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));} .swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));background-image:-moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));background-image:-o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));background-image:linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));} .swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px;} .swiper-container-cube,.swiper-container-flip{overflow:visible;} .swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1;} .swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none;} .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;} .swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%;} .swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0;} .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible;} .swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0;} .swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;} .swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;} .swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none;} .swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto;} .swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center;} .swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain;} .swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0, 0, 0, .1);} .swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%;} .swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%;} .swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0, 0, 0, .5);border-radius:10px;left:0;top:0;} .swiper-scrollbar-cursor-drag{cursor:move;} .swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12, end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12, end) infinite;animation:swiper-preloader-spin 1s steps(12, end) infinite;} .swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position: 50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat;} .swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");} @-webkit-keyframes swiper-preloader-spin{ 100%{-webkit-transform:rotate(360deg);} } @keyframes swiper-preloader-spin{ 100%{transform:rotate(360deg);} } /* end swiper.min.css */ /* page宽为1400px 样式 */ @media screen and (min-width:1400px){ /* 首页 */ .home-platform .layout,.home-sponsor,.introduce .layout{width:1400px; max-width:100%;} .home-platform li .platform-info{padding:0 30px 0 60px;} .home-platform li p{font-size:18px;} .home-platform li.home-sports h2{padding-top:45px;} .home-platform li.home-games h2{padding-top:70px;} .introduce ul li p{width:250px; font-size:13px;} .mod-lottery .lottery-layout{height:60vh} .mod-live-casino .layout{width:1100px;} } @media screen and (max-width:1399px){ .home-platform .layout{width:1240px;} .home-platform li .platform-info{padding:0 0 0 26px;} .home-platform li.home-live .platform-info{padding:0 0 0 8px;} .home-platform li.home-sports .platform-info{margin-right:44px;} } /*usdt page*/ .mod-usdt .title{font-size:15px; color:#999;position:relative; margin:30px 0 20px -30px; padding-left:30px;} .mod-usdt h2{font-size:30px;font-weight:bold;} .mod-usdt .title:before{content:'';width:11px; height:50px; display:block; position:absolute; top:10px; left:0;background: #ff8839;background: -moz-linear-gradient(top, #ff8839 0%, #fecf68 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, #ff8839), color-stop(100%, #fecf68));background: -webkit-linear-gradient(top, #ff8839 0%, #fecf68 100%);background: -o-linear-gradient(top, #ff8839 0%, #fecf68 100%);background: -ms-linear-gradient(top, #ff8839 0%, #fecf68 100%);background: linear-gradient(to bottom, #ff8839 0%, #fecf68 100%);} .mod-usdt .subtitle{font-size:12px; color:#BFBFBF; margin:20px 0 30px;} .mod-usdt h3{font-size:23px;font-weight: bold;background: -webkit-linear-gradient(left, #fecf68, #FF8839);-webkit-background-clip: text;-webkit-text-fill-color: transparent; display:inline-block;} .mod-usdt .app-list{margin-bottom:90px;} .mod-usdt .app-list li{display:inline; float:left; text-align:center; font-size:16px; color:#999; cursor:pointer; transition:all .3s;} .mod-usdt .app-list li:hover{color:#333;} .mod-usdt .app-list li + li{margin-left:22px;} .mod-usdt .app-list img{width:90px; margin:0 auto 10px; display:block;box-shadow: 0 2px 18px 0 rgba(0,0,0,0.10); border-radius:20px; transition:all .3s;} .mod-usdt .app-list li:hover img{transform:scale(1.03);} .mod-usdt .app-list .desc{display:none !important;} .mod-usdt .usdt-desc{display:flex; font-size:14px; color:#999;align-items: flex-start; min-height:100px;} .mod-usdt .usdt-desc span{display:none;} .mod-usdt .usdt-desc a > img{display:block;width:100px; margin-right:20px;box-shadow: 0 2px 18px 0 rgba(0,0,0,0.10); border-radius:21px;} .mod-usdt .usdt-desc p + p{margin-top:30px;} .mod-usdt .usdt-desc p a{color:#16b3f0} .mod-usdt .btn-usdt{display:inline-block; font-size:16px; color:#fff; background: linear-gradient(to right,#FF8B47,#FFD46F); padding:0 20px; line-height:34px; border-radius:4px; margin:120px 0 100px; cursor:pointer;} .mod-usdt .usdt-desc p img{width:100px; margin-top:10px; display:block;} @font-face { font-family: 'ShangShouYiFeiTi'; src: url('../fonts/ShangShouYiFeiTi.ttf') format("truetype"); }