/* header */ .slogan{background: url('../images/slogan03.png') no-repeat 0 bottom;} .news-wrap{background: url('../images/newsbg.png') no-repeat 0px 0px;} .login-wrap{background: url('../images/loginbg02.png') no-repeat center 0;} .is-login .login-wrap{background: url('../images/loginbg02.png') no-repeat center bottom;} /* first */ .login-wrap-first{background: url('../images/slogan.png') no-repeat center 0;} .login-joinus-first{background: url('../images/btn_joinus.png') no-repeat 0 0;} .login-joinus-first:hover{background: url('../images/btn_joinus.png') no-repeat 0 bottom;} .login-promotions-first{background: url('../images/btn_event.png') no-repeat 0 0;} .login-promotions-first:hover{background: url('../images/btn_event.png') no-repeat 0 bottom;} .login-submit-first{background: url('../images/btn_login.png') no-repeat 0 0;} .login-submit-first:hover{background: url('../images/btn_login.png') no-repeat 0 bottom;} .first .mem-info {background: url('../images/loginbg_acc.png') no-repeat 0 0;} .news-wrap-first{background: url('../images/newsbg.png') no-repeat 0 center;} /* first-game */ .first-game-live{background: url('../images/game01.png') no-repeat 0 0;} .first-game-live:hover{background: url('../images/game01_over.png') no-repeat 0 0;} .first-game-sport{background: url('../images/game02.png') no-repeat 0 0;} .first-game-sport:hover{background: url('../images/game02_over.png') no-repeat 0 0;} .first-game-casino{background: url('../images/game03.png') no-repeat 0 0;} .first-game-casino:hover{background: url('../images/game03_over.png') no-repeat 0 0;} .first-game-lottery{background: url('../images/game04.png') no-repeat 0 0;} .first-game-lottery:hover{background: url('../images/game04_over.png') no-repeat 0 0;} /* login */ .login-submit{background: url('../images/btn_login02.png') no-repeat 0 0;} .login-submit:hover{background: url('../images/btn_login02.png') no-repeat 0 bottom;} .login-joinus{background: url('../images/btn_joinus02.png') no-repeat 0 0;} .login-joinus:hover{background: url('../images/btn_joinus02.png') no-repeat 0 bottom;} /* sidemenu */ .sidemenu-header{background: url('../images/sidebar_top.png') no-repeat center 0;} /*page-title*/ /* game */ #Game-left-prize .game-jackpot-style {background-image: url('../images/jackpot.png');} .GameIcon-First {background-image: url('cl/tpl/commonFile/images/GameIcon/First_zh-cn.png');} /* footer */ .footer-download{background: url('../images/btn_download.png') no-repeat 0 0;} .footer-download:hover{background: url('../images/btn_download.png') no-repeat 0 bottom;} .footer-service{background: url('../images/btn_service.png') no-repeat 0 0;} .footer-service:hover{background: url('../images/btn_service.png') no-repeat 0 bottom;} #ele-logo-wrap, #ele-logo-img { width: 280px; height: 100px; background: url('cdn/logo.swf') 100% 100% no-repeat; display: block; cursor: pointer; } #ele-logo-img { background-position: 0 0; } .ele-lang-wrap { height: 20px; vertical-align: middle; display: inline-block; *display: inline; *zoom: 1; } .ele-lang-option{ width: 22px; height: 16px; vertical-align: top; *margin-left: 4px; background: url('../images/lang_rect.png') no-repeat; display: inline-block; *display: inline; *zoom: 1; } .ele-lang-zh-cn { background-position: 0 -40px; } .ele-lang-en { background-position: 0 -80px; } .ele-lang-ja { background-position: 0 -120px; } .ele-lang-ko { background-position: 0 -160px; } .ele-lang-vi { background-position: 0 -200px; } .ele-lang-th { background-position: 0 -240px; } .topTime { display: block; font-size:12px; color:black; float:left; display: block; width:245px; } .subnav11{ position: absolute; margin: 0px -25px; background: url('../images/211jnav.png'); background-size:100% 39px; width: 300px; height: 36px; z-index: 999999999; } .subnav11 span a {float: left; color:#FF0; background-image: none;width: 72px;line-height: 33px;height: 33px;} .subnav11 span a:hover {float: left; color:#FF0; background-image: none;} /*超級彩金*/ .ele-jackpot-wrap{ width: 230px; height: 38px; line-height: 38px; color: #FFF; text-align: right; font-size: 25px; font-weight: bold; } .ele-jackpot span{ letter-spacing: 2px; } #js-ele-jpRemote{ float: left; visibility: hidden; height: 0; width: 0; overflow: hidden; } .ele-news-txt{ cursor: pointer; } .TplFloatSet a{display:block;margin:0 auto;text-align:center;} .TplFloatSet img{vertical-align:bottom;font-size:0px;} .TplFloatSet li{list-style: none;} /*********二级导航 start***************/ #GoTo ul{display: none;} #subnavTY:hover ul{display:block} #subnavGame:hover ul{display:block} #subnavLive:hover ul{display:block} #subnavLottery:hover ul{display:block} #subnavQipai:hover ul{display:block} /******二级导航 end********************/ /****layer弹窗样式****/ body .layer-skin1 .layui-layer-title{font-size:16px;border-radius:2px 2px 0 0;background: #4898d5; color: #fff;border: none;height: 38px; line-height: 38px;} body .layer-skin1 .layui-layer-content{color:#000;font-size:14px;padding:20px 20px 0 20px;} .layer-skin1 .layui-layer-setwin .layui-layer-close1{ background: url("../../../public/images/close.png")!important;width:16px!important; height: 16px!important; background-size: cover!important;} /*公告弹窗样式*/ .layer-notice .layui-layer-title{font-size:18px;background-color:#543800;color:#fff;} .notice-detail .notice-detail-title{ margin: 10px 10px 0; background: #f2f2f2; height: 35px; line-height: 35px; border-radius: 3px; color: #666; font-weight: bold;} .notice-detail .notice-detail-title span{ display: inline-block;float: left;} .notice-detail ul{border-top: 1px #e5e5e5 dashed;padding: 10px; line-height: 24px; color: #666 } .notice-detail ul li{list-style-type:disc;border-bottom: 1px #e5e5e5 dashed;overflow:hidden;line-height: 25px;font-size:14px; margin-bottom: 10px; } .notice-detail ul li span{display: inline-block;float: left; } .layer-notice .layui-layer-setwin .layui-layer-close1{background: url("../../../public/images/close.png")!important;width:16px!important; height: 16px!important; background-size: cover!important;} .notice-detail div span:first-child,.notice-detail ul li span:first-child{width:20%;} .notice-detail div span:last-child,.notice-detail ul li span:last-child{width:79%;} .notice-detail div span{line-height: 50px;display:inline-block;text-align: center;font-weight: bold;} .notice-detail tr{text-align: center} .notice-detail td:first-child{text-align: center;} .notice-detail td{padding:5px;text-align: left;line-height: 25px;border-bottom: 1px #e5e5e5 dashed;} .notice-detail tr th{ border-bottom: 1px #e5e5e5 dashed;height: 40px; line-height: 25px; text-align: center;} .layui-layer-content .notice-detail{color:#000} /**********首页弹窗***********/ .notice-bg{width:100%;height:100%;position:fixed;top:0;left:0;right:0;bottom:0;background: rgba(0,0,0,.5);z-index: 9999999;} .noticeAd{ position: relative; margin: 120px auto 0; display: table; } .noticeAd a{display: block; max-width: 1000px;} .noticeAd a img{display: block;width: 100%;} .noticeAd .noticeAd-close{ position: absolute; top:-14px; right: -14px; z-index: 15; width:34px; height: 34px; border-radius:39px; border:3px solid #fff; box-sizing: border-box; background-color:#a10f0f; box-shadow: 0 3px 2px rgba(0,0,0, .25); line-height: 30px;color:#fff; font-size: 24px; text-align: center; } .noticeAd .noticeAd-close i{ font-style: normal; line-height: 20px;display:block; margin:3px 0 0 1px; padding-right: 0!important; cursor: pointer;} .noticeAd-cont{max-width:670px;} /*文字*/ .noticeAd-cont { border: 5px solid #c4ab78; border-radius: 8px;background:url(../images/noticebg.png) no-repeat center top;max-width: 630px; padding: 20px; } /*电子页面game*/ .gameBg .main-box{padding:20px;background:rgba(13,15,17,0.9);width:960px;margin: auto} .gameBg .main-box .casino-tab{width:100%;overflow:hidden } .gameBg .main-box .casino-tab li{position:relative;cursor:pointer;padding:5px 10px;text-align:center;box-sizing:border-box;float:left;width:160px;height:65px;border-right:1px solid #323232;border-bottom:1px solid #323232;background:#212121;} .gameBg .main-box .casino-tab li:nth-child(7),.gameBg .main-box .casino-tab li:nth-child(8),.gameBg .main-box .casino-tab li:nth-child(9),.gameBg .main-box .casino-tab li:nth-child(10),.gameBg .main-box .casino-tab li:nth-child(11),.gameBg .main-box .casino-tab li:nth-child(12){} .gameBg .main-box .casino-tab li:nth-child(6),.gameBg .main-box .casino-tab li:nth-child(12){border-right:none;} .gameBg .main-box .casino-tab li a{position:relative;top:-22px;display: inline-block;color:#bfbfbf} .gameBg .main-box .casino-tab li a span{display:block;font-size:12px;} .gameBg .main-box .casino-tab li a span:nth-child(1){font-size:18px;} .gameBg .main-box .casino-tab li i{font-size:60px ;color:#bfbfbf} .gameBg .main-box .casino-tab li i.icon-sg{font-size:40px;line-height:55px;} .gameBg .main-box .casino-tab li i.icon-sg+a{top:4px;} .gameBg .main-box .casino-tab li.active,.gameBg .main-box .casino-tab li:hover{background:#363227} .gameBg .main-box .casino-tab li.active i,.gameBg .main-box .casino-tab li.active a,.gameBg .main-box .casino-tab li:hover i,.gameBg .main-box .casino-tab li:hover a{color:#f3ca56;} .gameBg .main-box .casino-tab li b{position: absolute;display:block;width:8px;height:8px;} .gameBg .main-box .casino-tab li:nth-child(1) b{top:0;left:0;background:url(../../../public/images/casino01.png) no-repeat;} .gameBg .main-box .casino-tab li:nth-child(6) b{top:0;right:0;background:url(../../../public/images/casino02.png) no-repeat;} .gameBg .main-box .casino-tab li:nth-child(7) b{bottom:0;left:0;background:url(../../../public/images/casino03.png) no-repeat;} .gameBg .main-box .casino-tab li:nth-child(12) b{bottom:0;right:0;background:url(../../../public/images/casino04.png) no-repeat;} .gameBg .main-box .casino-sort {position:relative;overflow:hidden;margin:20px 0;color:#bfbfbf;} .gameBg .main-box .casino-sort .casino-title{font-size:20px;color:#f3ca56;margin-right:20px;} .gameBg .main-box .casino-category{padding-top:6px;height:24px;} .gameBg .main-box .casino-category a{color:#bfbfbf;padding:3px 9px;margin-right:5px;} .gameBg .main-box .casino-category a.active,.gameBg .main-box .casino-category a:hover{color:#000;border-radius: 30px;background:#f4cb57} .gameBg .main-box .casino-search input{opacity:0.8;width:220px;height: 100%;background: #1c1d21;color: #fff;border-radius: 18px;padding-left: 30px;border: none;} .gameBg .main-box .casino-search i{width: 19px;height: 19px;background: url("../../../public/images/search.png") no-repeat;display: block;position: absolute;right: 20px; top:8px; cursor: pointer;} .gameBg .main-box .casino-search{ left: 164px; top:0;right:0; width: 250px; height: 35px; line-height: 35px; font-size: 14px;} .gameBg .main-box .casino-lists{overflow:hidden } .gameBg .main-box .casino-lists li{cursor:pointer;margin-right:10px;margin-bottom:10px;padding:15px;box-sizing:border-box;background:#1c1d21;width:182px;height:215px;float:left;} .gameBg .main-box .casino-lists li .casino-img{width:155px;height:155px;} .gameBg .main-box .casino-lists li h5{color:#fff;font-size:15px;text-align: center;margin-top:13px;} .gameBg .main-box .casino-lists li .casino-img img{width:155px;height:155px;} .gameBg .main-box .casino-lists li .box-shadow{position:relative;border-radius: 3px; box-shadow: 0 0 5px rgba(191,191,191,.7);transition: all .3s;} .gameBg .main-box .casino-lists li .icon-hot{z-index:1;top:-4px;left:-4px;position: absolute;width:77px;height:66px;background:url(../../../../public/images/hot.png) no-repeat} .gameBg .main-box .casino-lists li .icon-new{z-index:1;top:-4px;left:-4px;position: absolute;width:77px;height:66px;background:url(../../../../public/images/new.png) no-repeat} .gameBg .main-box .casino-lists li .casino-dask{opacity:0;top:0;width:155px;height:155px;background:url(../../../../public/images/dask.png) no-repeat;transition: all .3s;position: absolute;} .gameBg .main-box .casino-lists li:hover .box-shadow{border-radius:3px;box-shadow: 0 10px 30px rgba(0,0,0,.7); transform: scale(1.1); z-index: 1;} .gameBg .main-box .casino-lists li:hover .casino-dask{opacity:1} .gameBg .main-box .casino-lists li:hover .casino-play{top: 70%;opacity: 1} .gameBg .main-box .casino-lists li .casino-play{opacity:0;position: absolute;top: 100%;left: 50%;margin-top: -37.5px;margin-left: -37.5px;transition: all .3s;} .gameBg .main-box .casino-lists li .casino-play a{border-radius:30px;padding:5px 16px; background: linear-gradient(to right,#e2bc56,#e0a80f); color: #fff;} .fl{float:left} .fr{float:right} /*分页*/ .page-box{ text-align:center;height:60px;padding-top:20px;} .page-box a{background-color:#1b1d21;border:1px solid #1b1d21; border-radius:2px;height:24px;padding:1px 10px; display:inline-block;margin:0px 5px; color:#fff; line-height:24px;} .page-box .layui-laypage a, .layui-laypage span{ border:none; background-color: transparent; margin: 0 5px; height: 30px; line-height: 28px;} .page-box .layui-laypage>:first-child, .layui-laypage>:first-child em{ border-radius: 2px;} .layui-laypage .layui-laypage-curr .layui-laypage-em{ background-color:#b38c21; } .page-box span.layui-laypage-curr{color:#fff; background-color: #9b7716;} .page-box .layui-laypage button,.page-box .layui-laypage input,.page-box .layui-laypage-default a { border: transparent; background-color: #525671; color: #fff; } /*棋牌页面qipai*/ .qipaiBg{width:100%;min-height:975px;background:#22122F url(../../../public/images/qipai-bg.jpg) center 0 no-repeat;} .qipaiBg .main-box{width:1160px;margin:auto;} .qipaiMVBG{position:relative;margin:auto;width:1300px;padding-top:440px;background: url(../../../public/images/desk_new.png) top center no-repeat;} .qipaiMVBG::before{content:'';position:absolute;z-index: 10; right: 320px; top: 60px; width: 340px; height: 390px; background: url(../../../public/images/girl_front.png); -webkit-animation: 2s infinite girl;} @-webkit-keyframes girl { 0%,100% { top: 50px } 50% { top: 55px } } .qipai-main{padding: 0 20px;} .qipai-main img { width: 160px; transition: all .2s ease-in-out } .qipai-main li:hover img { transform: scale(1.2) } .qipai-nav ul{overflow: hidden;margin: 30px auto 10px;width:1100px;} .qipai-nav ul li{cursor:pointer;transition:all 400ms;float:left;width:273px;height:88px;} /*.qipai-nav ul li:nth-child(1){background:url(../../../public/images/cs2.png) no-repeat;}*/ /*.qipai-nav ul li:nth-child(1):hover,.qipai-nav ul li:nth-child(1).active{background:url(../../../public/images/cs.png) no-repeat;}*/ .qipai-nav ul li:nth-child(1){background:url(../../../public/images/ky2.png) no-repeat;} .qipai-nav ul li:nth-child(1):hover,.qipai-nav ul li:nth-child(1).active{background:url(../../../public/images/ky.png) no-repeat;} .qipai-nav ul li:nth-child(2){background:url(../../../public/images/ly2.png) no-repeat;} .qipai-nav ul li:nth-child(2):hover,.qipai-nav ul li:nth-child(2).active{background:url(../../../public/images/ly.png) no-repeat;} .qipai-nav ul li:nth-child(3){background:url(../../../public/images/fg2.png) no-repeat;} .qipai-nav ul li:nth-child(3):hover,.qipai-nav ul li:nth-child(3).active{background:url(../../../public/images/fg.png) no-repeat;} .qipai-nav ul li:nth-child(4){background:url(../../../public/images/cq92.png) no-repeat;} .qipai-nav ul li:nth-child(4):hover,.qipai-nav ul li:nth-child(4).active{background:url(../../../public/images/cq9.png) no-repeat;} .qipai-main ul{overflow: hidden;margin-top:20px;padding-top:20px;} .qipai-nav ul li:nth-child(5){background:url(../../../public/images/kx2.png) no-repeat;} .qipai-nav ul li:nth-child(5):hover,.qipai-nav ul li:nth-child(5).active{background:url(../../../public/images/kx.png) no-repeat;} .qipai-main ul li{height:205px;cursor:pointer;float:left;width:20%;text-align:center;margin-bottom: 15px;} .game-name{padding:10px 0;font-size:16px;color:#fff;line-height: 6px;} .qipai-main-li:hover{border-color: #b5181f;transition:border-color .5s ease-in-out} /*****捕鱼页面 fish*****/ .fishiBg{width:100%;min-height:520px;padding:120px 0 30px 0;background:#151329 url(../../../public/images/fish-bg.jpg) center -130px no-repeat;} .fishiBg .main-box{min-height:520px;width:90%;margin:auto;position: relative;} .fishiBg .main-box img{position: absolute;} .fishiBg .main-box img:nth-child(1){left:0%;top:10%;z-index:3} .fishiBg .main-box img:nth-child(2){left:35%;bottom:-5%;z-index:3} .fishiBg .main-box img:nth-child(3){right:5%;top:-15%;z-index:3} .fishiBg .main-box img:nth-child(4){right:0%;bottom:30%;z-index:4} .fishiBg ul{width:910px;margin:auto;overflow: hidden;position: relative;z-index:100;} .fishiBg ul li{position:relative;cursor:pointer;padding:25px 10px;box-sizing:border-box;text-align:center;float:left;width:180px;height:200px;background:rgba(0,0,0,0.2);border-right:1px solid #0461d8;border-bottom:1px solid #0461d8} .fishiBg ul li:nth-child(1) div,.fishiBg ul li:nth-child(3) div{position: absolute;right:30px;width:26px;height:16px;background:url(../../../public/images/hot.gif) no-repeat;} .fishiBg ul li i{margin-left:30px;display: block;width:98px;height:67px;} .fishiBg ul li p{font-weight:bold;color:#fff;margin:10px 0 30px 0;} .fishiBg ul li a{margin-top:10px;padding:5px 35px;border:1px solid #82b1db;color:#82b1db;border-radius:50px;} .fishiBg ul li:nth-child(6),.fishiBg ul li:nth-child(7),.fishiBg ul li:nth-child(8),.fishiBg ul li:nth-child(9),.fishiBg ul li:nth-child(10){border-bottom: none;} .fishiBg ul li:nth-child(5),.fishiBg ul li:nth-child(10){border-right:none;} .fishiBg ul li:nth-child(1) i{background:url(../../../public/images/fish10.png) -2px 16px no-repeat} .fishiBg ul li:nth-child(2) i{background:url(../../../public/images/fish01.png) 0 15px no-repeat} .fishiBg ul li:nth-child(3) i{background:url(../../../public/images/fish02.png) center no-repeat;background-size: contain;} .fishiBg ul li:nth-child(4) i{background:url(../../../public/images/fish03.png) 0 15px no-repeat; width: 113px; margin-left: 21px;} .fishiBg ul li:nth-child(5) i{width:122px;margin-left:20px;background:url(../../../public/images/fish04.png) 0 15px no-repeat} .fishiBg ul li:nth-child(6) i{background:url(../../../public/images/fish05.png) 0 -1px no-repeat} .fishiBg ul li:nth-child(7) i{background:url(../../../public/images/fish06.png) 18px 0px no-repeat;} .fishiBg ul li:nth-child(8) i{background:url(../../../public/images/fish11.png) 4px 10px no-repeat} /*.fishiBg ul li:nth-child(9) i{width:116px;margin-left:25px;background:url(../../../public/images/fish08.png) 0 15px no-repeat}*/ /*.fishiBg ul li:nth-child(9) i{background: url(../../../public/images/fish07.png) center no-repeat;background-size: contain;}*/ .fishiBg ul li:nth-child(9) i{background: url(../../../public/images/fish12.png) center no-repeat;background-size: contain;} .fishiBg ul li:nth-child(10) i{background: url(../../../public/images/fish13.png) center no-repeat;background-size: contain;} .fishiBg ul li:nth-child(11) i{background: url(../../../public/images/fish14.png) center no-repeat;background-size: contain;} .fishiBg ul li:nth-child(12) i{background: url(../../../public/images/fish15.png) center no-repeat;background-size: contain;} .fishiBg ul li:hover a{background: #fff000;color:#e60000;} .fishiBg ul li:hover p{color:#fff000} @media (max-width:992px) { .fishiBg .main-box img{display:none;} } .hot-game .hot-content-local li{padding-bottom:3px;cursor: pointer} .hot-game .active-detail{display:none;} .hot-game .hot-tab{margin: 0 auto 0; overflow: hidden;} .hot-game .hot-tab ul{ list-style: none; line-height: 30px; width: 100%; height: 31px; margin-top: 15px; border-bottom: 2px solid #ffd477;} .hot-game .hot-tab li{ cursor: pointer; float: left; background-color: none; padding: 0 20px; border: 1px solid #ffd477; border-radius: 10px 10px 0 0; margin-right: 5px; color: #ffd477;} .hot-game .hot-tab li.active,.hot-game .hot-tab li:hover{ background-color: #222; color: #ffd477;} .hot-content-local ul{display: none;} .hot-content-local ul:first-child{display:block;} /******底部推广轮播-start****************/ .tgslide{position:fixed;bottom:5px;right:0px;z-index:9999;width:170px;height:200px;} .tgslide .slideClose{width:22px;height:22px;background:url(../../../public/images/hdClose.png) no-repeat;position: absolute; top: 9px; right: 3px; cursor: pointer; z-index: 2; border-radius: 15px;} .tgslide .bd{ position: absolute;} .tgslide .bd li{display: block;height: 170px; position: relative; width: 170px;} .tgslide .hd{width:100px;position:absolute;left:40px;bottom:10px;text-align:center;} .tgslide .hd li{list-style:none;margin:0 6px;float:left;width:11px;height:11px;background:rgba(255,255,255,0.5);cursor:pointer;border-radius:20px;} .tgslide .hd li.on{background:rgba(255,255,255,0.9);} .caibo ul li a{display:block;width: 170px; height: 170px;} .caibo ul li a img{width:100%;} .fishiBg li[data-key="30599"] i{ background: url(../../../public/images/fish10.png) -2px 16px no-repeat !important; } .fishiBg li[data-key="38001"] i{ background: url(../../../public/images/fish01.png) 0 15px no-repeat !important; } .fishiBg li[data-key="6"] i{ background: url(../../../public/images/fish02.png) center no-repeat !important; background-size: contain !important; } .fishiBg li[data-key="fish_mm"] i{ background: url(../../../public/images/fish03.png) 0 15px no-repeat !important; } .fishiBg li[data-key="fish_hl"] i{ background: url(../../../public/images/fish04.png) 0 15px no-repeat !important; } .fishiBg li[data-key="fish_tt"] i{ background: url(../../../public/images/fish05.png) 0 -1px no-repeat !important; } .fishiBg li[data-key="fish_3D"] i{ background: url(../../../public/images/fish06.png) 18px 0px no-repeat !important; } .fishiBg li[data-key="1051"] i{ background: url(../../../public/images/fish11.png) 4px 10px no-repeat !important; background-size: contain !important; } .fishiBg li[data-key="1050"] i{ background: url(../../../public/images/fish16.png) center no-repeat !important; background-size: contain !important; } .fishiBg li[data-key="7596"] i{ background: url(../../../public/images/fish12.png) center no-repeat !important; background-size: contain !important; } .fishiBg li[data-key="7583"] i{ background: url(../../../public/images/fish13.png) center no-repeat !important; background-size: contain !important; } .fishiBg li[data-key="7595"] i{ background: url(../../../public/images/fish14.png) center no-repeat !important; background-size: contain !important; } .fishiBg li[data-key="7597"] i{ background: url(../../../public/images/fish15.png) center no-repeat !important; background-size: contain !important; } .liveUl{ width: 100%; margin-top:30px; display: flex; flex-wrap: wrap; justify-content: space-between; } .liveUl a{ height: 262px; margin-bottom: 30px; display: inline-block; width:46%; margin-right:2%; } .liveUl a:nth-child(2n){ margin-right:0%; } .liveUl a.live-bg{background:url(../images/BG.png) no-repeat} .liveUl a.live-dg{background:url(../images/DG.png) no-repeat} .liveUl a.live-bbin{background:url(../images/bbin3.jpg) no-repeat} .liveUl a.live-vip{background:url(../images/vip3.jpg) no-repeat} .liveUl a.live-ag{background:url(../images/ag3.jpg) no-repeat} .liveUl a.live-ob{background:url(../images/ob3.jpg) no-repeat} .liveUl a.live-og{background:url(../images/og3.jpg) no-repeat} .liveUl a.live-gd{background:url(../images/gd3.jpg) no-repeat} .liveUl a.live-mg{background:url(../images/mg3.jpg) no-repeat} .liveUl a.live-wm{background:url(../images/wmzr.jpg) no-repeat} .liveUl a.live-eg{background:url(../images/eg.png) no-repeat} .liveUl a.live-cq9{background:url(../images/livecq9.png) no-repeat} .liveUl a.live-xbb{background:url(../images/livexbb.png) no-repeat}